/* ============================================================================
   AreaIntelig v4.0 — "Amethyst Ember" design tokens
   Purple (authority / intelligence) + Orange (action / opportunity)
   ========================================================================== */
:root {
  /* --- Brand ramp: PURPLE --- */
  --brand-50:#f6f2ff;  --brand-100:#ece3ff; --brand-200:#d9c7ff; --brand-300:#bd9dff;
  --brand-400:#9d6bff;  --brand-500:#7c3aed; --brand-600:#6425cc; --brand-700:#4c1b9e;
  --brand-800:#37146f;  --brand-deep:#160b28; --ink:#0a0512;

  /* --- Accent ramp: ORANGE --- */
  --accent-50:#fff5ec;  --accent-100:#ffe8d2; --accent-200:#ffcda1; --accent-300:#ffab68;
  --accent-400:#fb8b3a; --accent-500:#f97316; --accent-600:#e05a07; --accent-700:#b34506;

  /* Legacy aliases kept so no component silently loses its colour. */
  --cyan-400:#fb8b3a;   --cyan-500:#f97316;
  --emerald-400:#34d399;--emerald-500:#10b981;
  --blue-500:#7c3aed;   --violet-500:#9d6bff;
  --magenta-500:#c026d3;

  /* --- Signature gradients --- */
  --grad-brand:linear-gradient(135deg,#7c3aed 0%,#a855f7 42%,#f97316 100%);
  --grad-brand-rev:linear-gradient(135deg,#f97316 0%,#a855f7 58%,#7c3aed 100%);
  --grad-brand-soft:linear-gradient(135deg,rgba(124,58,237,.22),rgba(168,85,247,.13) 46%,rgba(249,115,22,.16));
  --grad-ember:linear-gradient(135deg,#f97316 0%,#fb923c 50%,#fbbf24 100%);
  --grad-amethyst:linear-gradient(135deg,#5b21b6 0%,#7c3aed 55%,#a855f7 100%);
  --grad-hero:linear-gradient(148deg,#160b28 0%,#3b1273 38%,#6d28d9 68%,#f97316 128%);
  --grad-sheen:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.26) 50%,transparent 82%);
  --grad-aurora:conic-gradient(from 180deg,#7c3aed,#a855f7,#f97316,#fb923c,#7c3aed);

  /* --- Semantic --- */
  --ok-500:#22c55e;  --ok-bg:rgba(34,197,94,.13);
  --warn-500:#f59e0b;--warn-bg:rgba(245,158,11,.14);
  --bad-500:#f43f5e; --bad-bg:rgba(244,63,94,.13);
  --info-bg:rgba(124,58,237,.11);
  --ai-500:#c026d3;  --ai-bg:rgba(192,38,211,.12);

  /* --- Shape --- */
  --r-xs:7px; --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-2xl:28px; --r-full:999px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;

  /* --- Type --- */
  --font:"Google Sans Text","Google Sans",Roboto,"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Google Sans","Google Sans Display","Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Roboto,system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --t-xs:11px;--t-sm:12px;--t-md:13.5px;--t-lg:16px;--t-xl:20px;--t-2xl:25px;--t-3xl:32px;

  /* --- Motion --- */
  --dur:180ms;--dur-fast:120ms;--dur-slow:280ms;--dur-xslow:520ms;
  --ease:cubic-bezier(.2,0,0,1);--ease-standard:cubic-bezier(.2,0,0,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.16,1,.3,1);
}

/* ------------------------------- LIGHT ------------------------------- */
:root,[data-theme="light"] {
  color-scheme:light;
  --bg:#f6f3fb; --bg-elev:#ffffff; --bg-sunken:#f4f0fa; --bg-hover:#f2ebff;
  --surface-brand:rgba(124,58,237,.085); --surface-accent:rgba(249,115,22,.09);
  --fg:#170f24; --fg-muted:#5d5270; --fg-subtle:#6b5f80; --fg-on-brand:#fff;
  --border:#e5deef; --border-strong:#d0c5e2;
  --card-grad:linear-gradient(180deg,#fff 0%,#fdfbff 100%);
  --topbar:rgba(255,255,255,.86); --nav:rgba(255,255,255,.9); --track:#e7e0f2;
  --shadow-sm:0 1px 2px rgba(28,10,54,.05),0 6px 18px rgba(28,10,54,.045);
  --shadow-md:0 12px 30px rgba(28,10,54,.10); --shadow-lg:0 22px 58px rgba(28,10,54,.17);
  --shadow-brand:0 12px 30px rgba(124,58,237,.24);
  --shadow-accent:0 12px 30px rgba(249,115,22,.24);
  --control:#ffffff; --control-hover:#faf7ff; --control-pressed:#f1e9ff; --control-border:#d6cce6;
  --state-hover:rgba(124,58,237,.075); --state-pressed:rgba(124,58,237,.14);
  --focus-ring:rgba(124,58,237,.30);
  --glow-a:rgba(124,58,237,.20); --glow-b:rgba(249,115,22,.16);
}

/* -------------------------------- DARK ------------------------------- */
[data-theme="dark"] {
  color-scheme:dark;
  --bg:#0a0613; --bg-elev:#150d24; --bg-sunken:#100a1c; --bg-hover:#1e1333;
  --surface-brand:rgba(157,107,255,.13); --surface-accent:rgba(251,139,58,.13);
  --fg:#f4eeff; --fg-muted:#a99cc0; --fg-subtle:#8b7da6; --fg-on-brand:#fff;
  --border:#2a1c42; --border-strong:#3d2a5c;
  --card-grad:linear-gradient(180deg,rgba(30,19,51,.98) 0%,rgba(19,12,33,.98) 100%);
  --topbar:rgba(10,6,19,.86); --nav:rgba(16,10,28,.92); --track:#241738;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.26);
  --shadow-md:0 14px 38px rgba(0,0,0,.42); --shadow-lg:0 26px 74px rgba(0,0,0,.58);
  --shadow-brand:0 14px 36px rgba(124,58,237,.30);
  --shadow-accent:0 14px 36px rgba(249,115,22,.26);
  --info-bg:rgba(157,107,255,.11);
  --control:#1a1029; --control-hover:#241738; --control-pressed:#2c1c44; --control-border:#3a2857;
  --state-hover:rgba(157,107,255,.11); --state-pressed:rgba(157,107,255,.18);
  --focus-ring:rgba(157,107,255,.34);
  --glow-a:rgba(157,107,255,.30); --glow-b:rgba(251,139,58,.22);
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}