/* ==========================================================================
   RECONIQ — BESPOKE SWISS-FINTECH & EDITORIAL LEDGER PALETTE
   Completely Handcrafted, Non-AI Warm Obsidian, Burnished Brass & Alpine Sage
   ========================================================================== */

:root {
  /* Color Palette — Base & Canvas (Warm Carbon & Deep Obsidian) */
  --bg-canvas: #0c0e12;
  --bg-canvas-subtle: #12151b;
  --surface-card: #161922;
  --surface-card-hover: #1e222e;
  --surface-card-elevated: #242937;
  --surface-inset: #08090c;

  /* Borders & Dividers (Warm Muted Stone) */
  --border-subtle: rgba(235, 225, 205, 0.07);
  --border-medium: rgba(235, 225, 205, 0.14);
  --border-strong: rgba(235, 225, 205, 0.24);
  --border-focus: #d49228;

  /* Brand Accents (Burnished Brass / Cognac Gold) */
  --accent-primary: #d49228;
  --accent-primary-hover: #ba7b19;
  --accent-primary-glow: rgba(212, 146, 40, 0.2);

  /* Status Accents (Editorial Financial Ledger Semantics) */
  --status-matched: #2ca56d;              /* Alpine Sage Green */
  --status-matched-bg: rgba(44, 165, 109, 0.12);
  --status-matched-border: rgba(44, 165, 109, 0.32);

  --status-timing: #e08c2a;               /* Warm Tuscan Ochre */
  --status-timing-bg: rgba(224, 140, 42, 0.12);
  --status-timing-border: rgba(224, 140, 42, 0.32);

  --status-discrepancy: #d94848;          /* Crimson Brick */
  --status-discrepancy-bg: rgba(217, 72, 72, 0.12);
  --status-discrepancy-border: rgba(217, 72, 72, 0.32);

  --status-unrecorded: #c0773b;           /* Terracotta / Raw Sienna */
  --status-unrecorded-bg: rgba(192, 119, 59, 0.12);
  --status-unrecorded-border: rgba(192, 119, 59, 0.32);

  /* Text & Content (Warm Linen & Sandstone Grays) */
  --text-primary: #f2eee6;
  --text-secondary: #a39e93;
  --text-muted: #6e695f;
  --text-faint: #3a3731;

  /* Typography Stacks */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, Menlo, monospace;

  /* Spacing Scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Radii */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.65);
  --shadow-glow: 0 0 20px rgba(212, 146, 40, 0.16);

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);

  /* Modern Scrollbar Tokens */
  --scrollbar-thumb: rgba(235, 225, 205, 0.15);
  --scrollbar-thumb-hover: rgba(212, 146, 40, 0.45);
  --scrollbar-track: transparent;
}

/* Global Custom Modern Scrollbars (No Clunky Default OS Scrollbars) */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 9999px;
  transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}

/* Light Theme Scrollbar Tokens */
[data-theme="light"] {
  --scrollbar-thumb: rgba(28, 25, 23, 0.18);
  --scrollbar-thumb-hover: rgba(180, 83, 9, 0.5);
  --scrollbar-track: transparent;
}

/* Light Theme — Editorial Parchment & Bookbinder Ink (Completely Non-AI) */
[data-theme="light"] {
  --bg-canvas: #f4efe6;
  --bg-canvas-subtle: #eae3d5;
  --surface-card: #ffffff;
  --surface-card-hover: #faf7f2;
  --surface-card-elevated: #ffffff;
  --surface-inset: #e4dcce;

  --border-subtle: rgba(40, 32, 20, 0.08);
  --border-medium: rgba(40, 32, 20, 0.16);
  --border-strong: rgba(40, 32, 20, 0.28);

  --text-primary: #1c1917;
  --text-secondary: #57534e;
  --text-muted: #78716c;
  --text-faint: #d6d3d1;

  --status-matched: #15803d;
  --status-matched-bg: rgba(21, 128, 61, 0.1);
  --status-matched-border: rgba(21, 128, 61, 0.25);

  --status-timing: #b45309;
  --status-timing-bg: rgba(180, 83, 9, 0.1);
  --status-timing-border: rgba(180, 83, 9, 0.25);

  --status-discrepancy: #b91c1c;
  --status-discrepancy-bg: rgba(185, 28, 28, 0.1);
  --status-discrepancy-border: rgba(185, 28, 28, 0.25);

  --status-unrecorded: #9a3412;
  --status-unrecorded-bg: rgba(154, 52, 18, 0.1);
  --status-unrecorded-border: rgba(154, 52, 18, 0.25);

  --shadow-md: 0 4px 14px rgba(28, 25, 23, 0.06);
  --shadow-lg: 0 14px 34px rgba(28, 25, 23, 0.1);
}