/* ============================================================
   THE FILE ROOM — Design Tokens & Variables
   Pivot Aide Tax Brand System
   ============================================================ */

:root {
  /* Core Brand Colors */
  --brand: #019FFF;
  --blue: #0A6BA8;
  --blue-dk: #08557F;
  --blue-lt: #E8F4FD;
  --gold: #EAE42F;
  --gold-dp: #B9B31C;
  --gold-lt: #FFFDE6;
  --gold-rgb: 234, 228, 47;

  /* Neutrals (Light Mode Default) */
  --ground: #F5F8FB;
  --surface: #FFFFFF;
  --surface-2: #EDF4F9;
  --surface-3: #E1ECF4;
  --ink: #0C1D28;
  --ink-2: #3F5A6B;
  --ink-3: #6E8797;
  --line: #D3E0E9;
  --line-2: #E5EDF3;

  /* Night Palette (Brand signature dark surfaces) */
  --night: #07202E;
  --night-2: #0B2C3E;
  --night-3: #123244;
  --night-line: rgba(255, 255, 255, 0.16);
  --night-ink: #DCEBF3;
  --night-ink-2: #9FBECF;

  /* Semantic Alerts */
  --ok: #1F8A54;
  --ok-bg: #E6F5EC;
  --ok-line: #A3D8B9;
  --warn: #B45309;
  --warn-bg: #FDF2E2;
  --warn-line: #F4D3A1;
  --danger: #DC2626;
  --danger-bg: #FEE2E2;

  /* Typography */
  --f-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --f-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Layout & Geometry */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(7, 32, 46, 0.08);
  --shadow-md: 0 8px 24px rgba(7, 32, 46, 0.12);
  --shadow-lg: 0 20px 50px rgba(6, 26, 38, 0.22);
  --transition: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Dark Theme Overrides */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #061A22;
    --surface: #0F2B38;
    --surface-2: #153545;
    --surface-3: #1C4255;
    --ink: #E6F1F7;
    --ink-2: #A8C3D2;
    --ink-3: #7B9AAB;
    --line: #204558;
    --line-2: #1A3948;
    --blue: #3FB4FF;
    --blue-dk: #7CCBFF;
    --blue-lt: rgba(1, 159, 255, 0.15);
    --gold-dp: #EAE42F;
    --gold-lt: rgba(234, 228, 47, 0.15);
    --ok-bg: #0E3324;
    --ok-line: #1F8A54;
    --warn-bg: #3A2A10;
    --warn-line: #B45309;
    --danger-bg: #3E1515;
  }
}

:root[data-theme="dark"] {
  --ground: #061A22;
  --surface: #0F2B38;
  --surface-2: #153545;
  --surface-3: #1C4255;
  --ink: #E6F1F7;
  --ink-2: #A8C3D2;
  --ink-3: #7B9AAB;
  --line: #204558;
  --line-2: #1A3948;
  --blue: #3FB4FF;
  --blue-dk: #7CCBFF;
  --blue-lt: rgba(1, 159, 255, 0.15);
  --gold-dp: #EAE42F;
  --gold-lt: rgba(234, 228, 47, 0.15);
  --ok-bg: #0E3324;
  --ok-line: #1F8A54;
  --warn-bg: #3A2A10;
  --warn-line: #B45309;
  --danger-bg: #3E1515;
}

:root[data-theme="light"] {
  --ground: #F5F8FB;
  --surface: #FFFFFF;
  --surface-2: #EDF4F9;
  --surface-3: #E1ECF4;
  --ink: #0C1D28;
  --ink-2: #3F5A6B;
  --ink-3: #6E8797;
  --line: #D3E0E9;
  --line-2: #E5EDF3;
  --blue: #0A6BA8;
  --blue-dk: #08557F;
  --blue-lt: #E8F4FD;
  --gold-dp: #B9B31C;
  --gold-lt: #FFFDE6;
  --ok-bg: #E6F5EC;
  --warn-bg: #FDF2E2;
}