/**
 * Got Left — design tokens
 * Palette: deep royal blue, bright blue, dark green, white, light grey
 */
:root {
  --color-royal: #003ea8;
  --color-royal-deep: #002d7a;
  --color-blue: #0a77ff;
  --color-blue-bright: #3d9bff;
  --color-green: #0d5c3d;
  --color-green-soft: #1a7a52;
  --color-gold: #c9a227;
  --color-gold-light: #e8c547;
  --color-gold-dark: #8b6914;
  --color-gold-deep: #6b5209;
  --color-white: #ffffff;
  --color-bg: #f5f7fa;
  --color-bg-elevated: #ffffff;
  --color-text: #0f172a;
  --color-text-muted: #64748b;
  --color-border: rgba(15, 23, 42, 0.08);

  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-full: 9999px;

  --shadow-soft: 0 4px 24px rgba(0, 62, 168, 0.06);
  --shadow-card: 0 12px 40px rgba(0, 45, 122, 0.1);
  --shadow-float: 0 24px 64px rgba(0, 62, 168, 0.18);

  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.5);

  --header-height: 72px;
  --header-top-gap: 12px;
  --max-width: 1200px;
  --section-pad-y: clamp(2.75rem, 5vw, 4rem);
  --transition: 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #0a0f1a;
    --color-bg-elevated: #121a2e;
    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;
    --color-border: rgba(255, 255, 255, 0.08);
    --glass-bg: rgba(18, 26, 46, 0.75);
    --glass-border: rgba(255, 255, 255, 0.1);
    --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.35);
    --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.45);
    --shadow-float: 0 24px 64px rgba(0, 0, 0, 0.5);
  }
}

:root[data-theme="dark"] {
  --color-bg: #0a0f1a;
  --color-bg-elevated: #121a2e;
  --color-text: #f1f5f9;
  --color-text-muted: #94a3b8;
  --color-border: rgba(255, 255, 255, 0.08);
  --glass-bg: rgba(18, 26, 46, 0.75);
  --glass-border: rgba(255, 255, 255, 0.1);
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-float: 0 24px 64px rgba(0, 0, 0, 0.5);
}

:root[data-theme="light"] {
  --color-bg: #f5f7fa;
  --color-bg-elevated: #ffffff;
  --color-text: #0f172a;
  --color-text-muted: #64748b;
  --color-border: rgba(15, 23, 42, 0.08);
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.5);
}