/* Onegency Design System v1.0 · 30.09.2026
   Dark is default. Set data-theme="light" on <html> for light mode.
   Inter is a proposed UI font; bundle the licensed font locally in production. */
:root {
  color-scheme: dark;
  --og-brand-navy: #071126;
  --og-brand-orange: #FF7A3D;
  --og-bg: #071126;
  --og-surface: #0B1433;
  --og-surface-raised: #14213F;
  --og-text: #FFFFFF;
  --og-muted: #A9B5D2;
  --og-border: #344563;
  --og-control-border: #7183A5;
  --og-primary: #B94713;
  --og-primary-hover: #A23C0E;
  --og-primary-active: #8C330B;
  --og-on-primary: #FFFFFF;
  --og-accent-text: #FF7A3D;
  --og-focus: #FF7A3D;
  --og-success: #66DFB4;
  --og-success-bg: #123D35;
  --og-warning: #FFD080;
  --og-warning-bg: #42321C;
  --og-danger: #FF9FAB;
  --og-danger-bg: #492332;
  --og-info: #9FC3FF;
  --og-info-bg: #203656;
  --og-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --og-space-1: 4px;
  --og-space-2: 8px;
  --og-space-3: 12px;
  --og-space-4: 16px;
  --og-space-5: 24px;
  --og-space-6: 32px;
  --og-space-7: 48px;
  --og-space-8: 64px;
  --og-space-9: 96px;
  --og-radius-control: 10px;
  --og-radius-card: 16px;
  --og-radius-feature: 24px;
  --og-radius-pill: 999px;
  --og-shadow: 0 12px 32px rgb(0 0 0 / 16%);
  --og-motion: 160ms;
}
:root[data-theme="light"] {
  color-scheme: light;
  --og-bg: #F4F6FB;
  --og-surface: #FFFFFF;
  --og-surface-raised: #E9EEF7;
  --og-text: #071126;
  --og-muted: #52617A;
  --og-border: #CBD4E3;
  --og-control-border: #71809B;
  --og-accent-text: #B94713;
  --og-focus: #B94713;
  --og-success: #146B4E;
  --og-success-bg: #E4F5ED;
  --og-warning: #845009;
  --og-warning-bg: #FFF1D9;
  --og-danger: #AC2846;
  --og-danger-bg: #FDE9ED;
  --og-info: #235CB4;
  --og-info-bg: #E8F0FF;
  --og-shadow: 0 12px 32px rgb(7 17 38 / 8%);
}
.og-card { background:var(--og-surface); color:var(--og-text); border:1px solid var(--og-border); border-radius:var(--og-radius-card); padding:24px; }
.og-button { min-height:44px; padding:10px 18px; border:1px solid transparent; border-radius:var(--og-radius-control); font:600 14px/1.4 var(--og-font); background:var(--og-primary); color:var(--og-on-primary); cursor:pointer; transition:background var(--og-motion) ease; }
.og-button:hover { background:var(--og-primary-hover); }
.og-button:active { background:var(--og-primary-active); }
.og-button--secondary { background:var(--og-surface-raised); color:var(--og-text); border-color:var(--og-control-border); }
.og-button--secondary:hover { background:var(--og-surface); }
.og-button:disabled { opacity:.45; cursor:not-allowed; }
.og-input { box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--og-control-border); border-radius:var(--og-radius-control); font:400 14px/1.5 var(--og-font); color:var(--og-text); background:var(--og-surface); }
.og-input::placeholder { color:var(--og-muted); opacity:1; }
.og-input[aria-invalid="true"] { border-color:var(--og-danger); }
:where(button,input,a,select,textarea):focus-visible { outline:3px solid var(--og-focus); outline-offset:3px; }
.og-badge { display:inline-flex; gap:6px; align-items:center; padding:5px 10px; border-radius:var(--og-radius-pill); font:600 12px/1.5 var(--og-font); }
.og-badge--success { color:var(--og-success); background:var(--og-success-bg); }
.og-badge--warning { color:var(--og-warning); background:var(--og-warning-bg); }
.og-badge--danger { color:var(--og-danger); background:var(--og-danger-bg); }
.og-badge--info { color:var(--og-info); background:var(--og-info-bg); }
@media(prefers-reduced-motion:reduce) { :root { --og-motion:0ms; } }