/* Design tokens: single source of truth for colors, fonts and effects.
   Keep in sync with assets/js/config/tailwind-config.js (Tailwind palette). */
:root {
  /* Brand navy scale */
  --brand-navy-950: #061325;
  --brand-navy-900: #0b2545;
  --brand-navy-850: #0e2f57;
  --brand-navy-800: #133d6e;
  --brand-navy-700: #1b5293;
  --brand-navy-600: #256bbd;
  --brand-navy-500: #3486e3;
  --brand-navy-100: #e7eff8;
  --brand-navy-50: #f3f7fc;

  /* Accents */
  --tech-cyan-400: #38bdf8;
  --tech-cyan-500: #0284c7;
  --tech-cyan-600: #0369a1;
  --accent-amber-400: #fbbf24;
  --accent-amber-500: #f59e0b;
  --accent-amber-600: #d97706;

  /* Hero slider palette */
  --navy: #07122a;
  --navy-2: #0c1f40;
  --navy-3: #12305c;
  --blue: #1f6bff;
  --blue-2: #0f52d6;
  --sky: #5aa9ff;
  --white: #ffffff;
  --paper: #f4f7fc;
  --ink: #0b1b33;
  --muted: #5b6b82;
  --line: #dbe3ef;
  --on-navy: #e9f0fb;
  --on-navy-muted: #9db0cc;
  --line-navy: rgba(255, 255, 255, .14);

  /* Surfaces & text */
  --color-body-text: #1e293b;
  --color-page-bg: #f8fafc;
  --color-selected-bg: #f0f7ff;

  /* Blueprint grid lines */
  --grid-navy-04: rgba(11, 37, 69, 0.04);
  --grid-navy-05: rgba(11, 37, 69, 0.05);
  --grid-blue-05: rgba(31, 107, 255, 0.05);
  --grid-cyan-05: rgba(56, 189, 248, 0.05);
  --grid-cyan-07: rgba(56, 189, 248, 0.07);

  /* Effects */
  --focus-ring-navy: rgba(11, 37, 69, 0.2);
  --shadow-card-hover: 0 16px 32px -8px rgba(11, 37, 69, 0.12), 0 4px 8px -2px rgba(11, 37, 69, 0.04);
  --ease-card: cubic-bezier(0.16, 1, 0.3, 1);

  /* Typography */
  --font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
}