:root {
  --navy-deep: #0B1220;
  --navy-brand: #122045;
  --blue-primary: #1E5FC7;
  --sky-interactive: #4DA8E8;
  --teal-live: #2BA8B8;

  --canvas-white: #FAFAF7;
  --canvas-soft: #F1F3F7;
  --rule: #E3E8EE;
  --rule-soft: #EEF1F5;

  --success: #1E9C6B;
  --warn: #D97A1E;

  --gradient-brand: linear-gradient(135deg, #2BA8B8 0%, #1E5FC7 55%, #122045 100%);
  --gradient-subtle: linear-gradient(180deg, #FAFAF7 0%, #F1F3F7 100%);

  --shadow-1: 0 1px 2px rgba(11, 18, 32, 0.04), 0 1px 1px rgba(11, 18, 32, 0.02);
  --shadow-2: 0 4px 16px rgba(11, 18, 32, 0.06), 0 1px 3px rgba(11, 18, 32, 0.04);
  --shadow-3: 0 18px 48px rgba(11, 18, 32, 0.10), 0 4px 12px rgba(11, 18, 32, 0.05);
  --shadow-hover: 0 8px 24px rgba(30, 95, 199, 0.14);

  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-display: "Instrument Serif", "Fraunces", "Playfair Display", Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-fast: 180ms;
  --dur-med: 320ms;
  --dur-slow: 560ms;

  --scene-max-width: 1280px;
  --scene-padding: clamp(24px, 4vw, 72px);
}