/* ============================================================================
   KOREVRA DeLaw — Design Tokens & Theming
   Live-themeable via CSS custom properties (Branding & Customization module
   writes to :root at runtime). Light-first with a full dark theme.
   ============================================================================ */

:root {
  /* ---- Brand (overridable by Branding module) ---- */
  --brand-h: 244;                 /* hue   */
  --brand-s: 62%;                 /* sat   */
  --brand-ink: #101935;           /* sidebar / deep brand */
  --brand-ink-2: #161f42;
  --brand-ink-3: #1d2750;
  --brand-50:  #eef0fb;
  --brand-100: #dfe2f8;
  --brand-200: #c2c7f1;
  --brand-300: #9aa1e8;
  --brand-400: #6e76dd;
  --brand-500: #4b50e6;           /* primary interactive */
  --brand-600: #3a3fb6;
  --brand-700: #2f3492;
  --brand-800: #262a73;
  --brand-900: #14123a;

  /* ---- Gold / "justice" accent (overridable) ---- */
  --gold-300: #e6d29a;
  --gold-400: #d8bd6f;
  --gold-500: #c9a24b;
  --gold-600: #a9842f;

  /* ---- Semantic ---- */
  --success-50:#e7f7ef; --success-500:#15a06a; --success-600:#0f8557; --success-700:#0b6e48;
  --warn-50:#fdf3e2;    --warn-500:#e08c1a;    --warn-600:#c2740d;
  --danger-50:#fdecec;  --danger-500:#dc3a3a;  --danger-600:#bd2727;
  --info-50:#e8f1fe;    --info-500:#2f74e0;    --info-600:#1f5bc0;
  --teal-500:#119a9a;   --violet-500:#7c4ddb;  --pink-500:#d4519a;

  /* ---- Neutral / canvas (light) ---- */
  --bg:        #f5f6fb;
  --bg-tint:   #eef0f7;
  --surface:   #ffffff;
  --surface-2: #fafbfe;
  --surface-3: #f3f4fa;
  --hover:     #f1f2f9;
  --line:      #e6e8f0;
  --line-2:    #eef0f6;
  --ink:       #0f1729;   /* primary text */
  --ink-2:     #44506b;   /* secondary */
  --ink-3:     #5d6884;   /* muted (WCAG AA on surface) */
  --ink-4:     #6f7892;   /* faint (raised from #9aa3ba for AA contrast) */
  --on-brand:  #ffffff;

  /* ---- Effects ---- */
  --radius-xs: 6px;
  --radius-sm: 9px;
  --radius:    13px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --shadow-xs: 0 1px 2px rgba(16,25,53,.06);
  --shadow-sm: 0 1px 3px rgba(16,25,53,.08), 0 1px 2px rgba(16,25,53,.04);
  --shadow:    0 6px 22px -8px rgba(16,25,53,.18), 0 2px 6px rgba(16,25,53,.06);
  --shadow-lg: 0 24px 60px -18px rgba(16,25,53,.32), 0 8px 20px -12px rgba(16,25,53,.18);
  --shadow-gold: 0 8px 26px -10px rgba(201,162,75,.5);
  --ring: 0 0 0 3px hsla(var(--brand-h),80%,62%,.28);

  /* ---- Type ---- */
  --font-ui: "Inter","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-display: "Fraunces","Spectral",Georgia,"Times New Roman",serif;
  --font-mono: "JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;

  /* ---- Layout ---- */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 76px;
  --topbar-h: 62px;
  --maxw: 1320px;

  --speed: 180ms;
  --ease: cubic-bezier(.4,0,.2,1);
}

/* ====================== DARK THEME ====================== */
html[data-theme="dark"] {
  --bg:        #0a0e1c;
  --bg-tint:   #0d1227;
  --surface:   #121734;
  --surface-2: #161c3d;
  --surface-3: #1b2247;
  --hover:     #1c2348;
  --line:      #222a4f;
  --line-2:    #1a2046;
  --ink:       #eaecf6;
  --ink-2:     #b3bbd6;
  --ink-3:     #8b95b8;
  --ink-4:     #6a7398;
  --brand-ink: #0c1024;
  --brand-ink-2:#0f1430;
  --brand-ink-3:#141a3c;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.4);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.5);
  --shadow:    0 10px 30px -10px rgba(0,0,0,.6);
  --shadow-lg: 0 30px 70px -20px rgba(0,0,0,.7);
  --success-50:#0f2a20; --warn-50:#2c2310; --danger-50:#2c1414; --info-50:#10203c;
  --brand-50:#161d44;
  color-scheme: dark;
}

/* High-contrast accessibility toggle */
html[data-contrast="high"] {
  --line: #b7bdcf;
  --ink-3: #4a5675;
  --shadow: 0 6px 22px -8px rgba(16,25,53,.34);
}

/* Density */
html[data-density="compact"] { --topbar-h: 54px; }
html[data-density="compact"] .card { padding: 14px; }

/* Brand preset helpers (applied by Branding module via data attr fallback) */
html[data-brandpreset="emerald"]{ --brand-500:#0f9d6b; --brand-600:#0b7e55; --brand-700:#0a6646; --brand-ink:#08231b; --brand-ink-2:#0a2c22; --brand-ink-3:#0d3a2c; --brand-h:158; }
html[data-brandpreset="royal"]  { --brand-500:#4b50e6; --brand-600:#3a3fb6; --brand-700:#2f3492; --brand-ink:#101935; --brand-h:244; }
html[data-brandpreset="oxblood"]{ --brand-500:#b3344b; --brand-600:#922a3d; --brand-700:#762231; --brand-ink:#2a0f16; --brand-ink-2:#33131b; --brand-ink-3:#401822; --brand-h:348; }
html[data-brandpreset="midnight"]{ --brand-500:#2f6fe0; --brand-600:#2356bd; --brand-700:#1c489b; --brand-ink:#0a1430; --brand-ink-2:#0d1a3d; --brand-ink-3:#11214c; --brand-h:218; }
html[data-brandpreset="ink"]    { --brand-500:#3b4a63; --brand-600:#2c3850; --brand-700:#212c40; --brand-ink:#0d1320; --brand-h:218; }