/* Senate Design Tokens — :root custom properties */
/* Source: praxis-style-guide.md v1.0, rebranded for Senate */

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Instrument+Sans:wght@600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* --- Backgrounds & Surfaces --- */
  --bg: #FCFBF9;
  --surface: #F7F4F0;
  --surface-2: #EEEAE3;
  --border: #E2DDD5;

  /* --- Dark surfaces --- */
  --surface-dark: #111110;
  --surface-dark-2: #1C1C1A;
  --surface-dark-3: #242422;
  --border-dark: #2A2A27;

  /* --- Text --- */
  --text: #121212;
  --text-2: #5C5955;
  --text-3: #9E9B96;
  --text-inv: #F0EDE6;
  --text-inv-2: #9E9B96;

  /* --- Accent & semantic --- */
  --accent: #3245B1;
  --accent-h: #28389A;
  --accent-light: #ECEEF8;
  --accent-muted: #A6937C;
  --success: #2D6A4F;
  --success-light: #EAF5EF;
  --warning: #B07D05;
  --warning-light: #FEF6E6;
  --error: #A4161A;
  --error-light: #FCEAEA;

  /* --- Typography --- */
  --font-heading: 'Instrument Sans', sans-serif;
  --font-body: 'Atkinson Hyperlegible', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* --- Spacing --- */
  --page-pad: clamp(28px, 6vw, 80px);
  --max: 1100px;
  --nav-h: 68px;
  --sidebar-w: 240px;

  /* --- Radii --- */
  --r-card: 8px;
  --r-btn: 6px;
  --r-mock: 12px;
  --r-badge: 3px;
  --r-rule: 2px;

  /* --- Shadows --- */
  --shadow-card-hover: 0 4px 20px rgba(50, 69, 177, 0.08);
  --shadow-focus: 0 0 0 3px var(--accent-light);

  /* --- Transitions --- */
  --t-fast: 120ms ease;
  --t-normal: 200ms ease;
}

/* ========================================
   DARK MODE — user-selected or system pref
   ======================================== */

[data-theme="dark"] {
  --bg: #111110;
  --surface: #1C1C1A;
  --surface-2: #242422;
  --border: #2A2A27;

  --text: #F0EDE6;
  --text-2: #9E9B96;
  --text-3: #6E6B66;
  --text-inv: #121212;
  --text-inv-2: #5C5955;

  --accent: #7B8FE0;
  --accent-h: #92A3F0;
  --accent-light: #1E2340;
  --accent-muted: #8B7A65;
  --success: #4DAA7A;
  --success-light: #1A2E24;
  --warning: #D4A020;
  --warning-light: #2E2510;
  --error: #E04549;
  --error-light: #2E1515;

  --shadow-card-hover: 0 4px 20px rgba(123, 143, 224, 0.12);
  --shadow-focus: 0 0 0 3px var(--accent-light);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111110;
    --surface: #1C1C1A;
    --surface-2: #242422;
    --border: #2A2A27;

    --text: #F0EDE6;
    --text-2: #9E9B96;
    --text-3: #6E6B66;
    --text-inv: #121212;
    --text-inv-2: #5C5955;

    --accent: #7B8FE0;
    --accent-h: #92A3F0;
    --accent-light: #1E2340;
    --accent-muted: #8B7A65;
    --success: #4DAA7A;
    --success-light: #1A2E24;
    --warning: #D4A020;
    --warning-light: #2E2510;
    --error: #E04549;
    --error-light: #2E1515;

    --shadow-card-hover: 0 4px 20px rgba(123, 143, 224, 0.12);
    --shadow-focus: 0 0 0 3px var(--accent-light);
  }
}