/*
 * CHOKMAH AUTOMATION LABS — Design Tokens
 * Brand: Wisdom + Technology + Automation.
 * Gold (--gold) is an accent only — never a base/background color.
 */

:root {
  /* Brand palette */
  --navy-950: #081826;   /* Primary Dark — Deep Intelligent Navy */
  --navy-800: #0e3a5d;   /* Primary Blue */
  --blue-600: #1479b8;   /* Tech Blue */
  --gold-500: #c7a45a;   /* Accent — Wisdom Gold */
  --gold-600: #6b5327;   /* Darkened for AA text contrast on light backgrounds */

  --bg: #f7f8fa;         /* Light Background */
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --border: #e4e7ec;
  --text: #111827;       /* Text Dark */
  --text-muted: #667085; /* Text Muted */
  --text-inverse: #f7f8fa;

  --link: var(--blue-600);
  --focus-ring: #1479b8;

  /* Semantic */
  --success: #16794f;
  --warning: #b5730a;
  --danger: #b3261e;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(8, 24, 38, 0.06);
  --shadow-md: 0 6px 20px rgba(8, 24, 38, 0.08);
  --shadow-lg: 0 20px 48px rgba(8, 24, 38, 0.14);

  /* Radius */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Type */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Manrope', 'Inter', sans-serif;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration: 300ms;
  --duration-slow: 560ms;

  /* Layout */
  --container-max: 1200px;
  --header-h: 76px;
}

/* Dark mode: explicit choice OR system preference (guarded so an explicit
   light choice always wins over the OS setting). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #081826;
    --surface: #0d2438;
    --surface-raised: #0f2c44;
    --border: #17324a;
    --text: #eef2f6;
    --text-muted: #9fb0c0;
    --text-inverse: #081826;
    --link: #4fb2e8;
    --gold-600: #c7a45a; /* light gold reads clearly against dark surfaces */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.55);
  }
}

:root[data-theme='dark'] {
  --bg: #081826;
  --surface: #0d2438;
  --surface-raised: #0f2c44;
  --border: #17324a;
  --text: #eef2f6;
  --text-muted: #9fb0c0;
  --text-inverse: #081826;
  --link: #4fb2e8;
  --gold-600: #c7a45a;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.55);
}