/* GENERATED FROM design/tokens/tokens.json — DO NOT EDIT BY HAND. */

/* rapidproduction.net. Every page links this file and declares no colour of
   its own. Changing a brand colour is one edit in tokens.json plus one run
   of build-tokens.py — for the site and the app at once. */

:root {
  --brand: #1E4687;
  --brand-dark: #163562;
  --ink: #16243E;
  --accent: #FF6B35;
  --accent-light: #FF8A5C;
  --bg: #F8F9FA;
  --bg-alt: #E8EEF7;
  --surface: #FFFFFF;
  --cream: #FFFFFF;
  --text-muted: #5A7184;
  --success: #4CAF50;
  --success-bg: rgba(76, 175, 80, 0.10);
  --alert: #F44336;
  --alert-bg: rgba(244, 67, 54, 0.08);
  --border-soft: rgba(22, 36, 62, 0.10);
  --border-strong: rgba(22, 36, 62, 0.20);
  --nav-glass: rgba(255, 255, 255, 0.86);
  --shadow-sm: 0 2px 10px rgba(22, 36, 62, 0.06);
  --shadow-md: 0 10px 28px rgba(22, 36, 62, 0.10);
  --shadow-lg: 0 24px 60px rgba(22, 36, 62, 0.16);
  --radius: 14px;
  --radius-lg: 22px;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* The system's choice, unless the reader has explicitly asked for light. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
      --brand: #5A88C4;
      --brand-dark: #2962B3;
      --ink: #E8ECF3;
      --accent: #FF8A5C;
      --accent-light: #FFAE8D;
      --bg: #0B1220;
      --bg-alt: #141C2E;
      --surface: #1B2438;
      --cream: #E8ECF3;
      --text-muted: #9AA5BE;
      --success: #66BB6A;
      --success-bg: rgba(102, 187, 106, 0.14);
      --alert: #EF5350;
      --alert-bg: rgba(239, 83, 80, 0.14);
      --border-soft: rgba(255, 255, 255, 0.08);
      --border-strong: rgba(255, 255, 255, 0.16);
      --nav-glass: rgba(11, 18, 32, 0.86);
      --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
      --shadow-md: 0 10px 28px rgba(0, 0, 0, 0.35);
      --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
  }
}

/* The reader's own choice, which wins over the system either way. */
:root[data-theme="dark"] {
  --brand: #5A88C4;
  --brand-dark: #2962B3;
  --ink: #E8ECF3;
  --accent: #FF8A5C;
  --accent-light: #FFAE8D;
  --bg: #0B1220;
  --bg-alt: #141C2E;
  --surface: #1B2438;
  --cream: #E8ECF3;
  --text-muted: #9AA5BE;
  --success: #66BB6A;
  --success-bg: rgba(102, 187, 106, 0.14);
  --alert: #EF5350;
  --alert-bg: rgba(239, 83, 80, 0.14);
  --border-soft: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --nav-glass: rgba(11, 18, 32, 0.86);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 28px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
}