/* Design tokens — Blue Diamond Design Engineering
   Direction: Engineering-transparent SaaS-grade (Hadrian + Form Energy influence) */

:root {
  /* Surfaces */
  --bg: #ffffff;
  --bg-2: #f6f7fb;
  --bg-3: #eef1f7;
  --ink: #0a1832;          /* deep navy from new brand reference */
  --ink-2: #122747;
  --ink-3: #1c3460;

  /* Borders */
  --line: #e5e8f0;
  --line-2: #d6dbe6;
  --line-dark: #1f2d51;

  /* Text */
  --text: #1a2340;
  --text-2: #3a4668;
  --muted: #566079;
  --muted-2: #7b849b;
  --on-dark: #e6ebf6;
  --on-dark-2: #a4adc4;

  /* Brand accent — royal blue from new logo diamond core */
  --brand: #2563eb;
  --brand-hi: #3b82f6;
  --brand-2: #1d4ed8;
  --brand-soft: #dce8ff;
  --halo: #dbe3ff;

  /* Brand Gold — vivid yellow-gold from the new brand reference swatch */
  --gold: #f0c420;
  --gold-hi: #ffd836;
  --gold-2: #c99e0a;
  --gold-soft: #fff4cc;
  --gold-glow: rgba(255, 216, 54, .6);

  /* Logo blue (used sparingly, only on logo contexts) */
  --logo-blue: #4c6ab5;

  /* Status */
  --success: #16a34a;
  --error: #dc2626;

  /* Spacing scale (power-of-1.5) */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;
  --space-8: 10rem;

  /* Type scale */
  --fs-xs: .78rem;
  --fs-sm: .88rem;
  --fs-base: 1rem;
  --fs-md: 1.08rem;
  --fs-lg: 1.22rem;
  --fs-h5: 1.12rem;
  --fs-h4: 1.32rem;
  --fs-h3: clamp(1.5rem, .9vw + 1.15rem, 1.85rem);
  --fs-h2: clamp(2rem, 1.8vw + 1.35rem, 2.85rem);
  --fs-h1: clamp(2.5rem, 3.4vw + 1.4rem, 4.1rem);
  --fs-display: clamp(2.4rem, 3.4vw + 1rem, 4.25rem);

  /* Layout */
  --nav-h: 156px;
  --nav-h-compact: 108px;
  --container: 1200px;
  --container-wide: 1320px;
  --container-narrow: 860px;

  /* Shape */
  --radius: 10px;
  --radius-lg: 16px;
  --radius-sm: 6px;
  --radius-pill: 999px;

  /* Motion */
  --t-fast: 160ms ease;
  --t: 280ms ease;
  --t-slow: 460ms cubic-bezier(.22,.61,.36,1);

  /* Shadows — restrained, navy-tinted */
  --shadow-sm: 0 1px 2px rgba(11,27,59,.06), 0 1px 3px rgba(11,27,59,.04);
  --shadow:    0 6px 20px rgba(11,27,59,.07), 0 2px 6px rgba(11,27,59,.04);
  --shadow-hi: 0 28px 56px rgba(11,27,59,.13), 0 6px 14px rgba(11,27,59,.05);
  --shadow-navy: 0 24px 48px rgba(11,27,59,.24);

  /* Gradients */
  --grad-hero: radial-gradient(140% 90% at 20% 0%, rgba(37,99,235,.22) 0%, transparent 55%),
               radial-gradient(90% 70% at 90% 30%, rgba(76,106,181,.18) 0%, transparent 60%);
  --grad-accent: linear-gradient(135deg, #2563eb 0%, #4c6ab5 100%);

  /* Type stack — Space Grotesk + Inter Tight + JetBrains Mono */
  --font-body: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Consolas", monospace;
}