/* ═══════════════════════════════════════
   Design Tokens — eBridge Cup 2026
   ═══════════════════════════════════════ */
:root {
  /* Primary */
  --green: #00633f;
  --green-dark: #003220;
  --green-light: #e8f5ef;
  --green-mid: #a8d4ba;
  --green-border: #b8e8cc;
  --green-muted: #8a9e92;

  /* Secondary */
  --blue: #116194;
  --blue-light: #e8f2f9;
  --blue-mid: #b8d8f0;

  /* Accent */
  --purple: #573a8e;
  --purple-light: #f0ebf9;
  --purple-mid: #c4b5e8;
  --red: #b22227;
  --red-light: #ffe5e6;
  --gold: #C9A84C;
  --gold-light: #fffbea;

  /* Neutral */
  --dark: #1a2a1f;
  --text: #1a2a1f;
  --bg: #f5f7f5;
  --white: #ffffff;
  --border: #d8e5dc;

  /* Medals */
  --bronze: #92400e;
  --silver: #6b7280;

  /* Layout */
  --container-max: 1312px;
  --container-padding: 64px;
  --nav-height: 80px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.35s ease;
  --transition-slow: 0.6s ease;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 99, 63, 0.06);
  --shadow-md: 0 2px 12px rgba(0, 99, 63, 0.08);
  --shadow-lg: 0 4px 16px rgba(0, 99, 63, 0.1);
  --shadow-nav: 0 4px 4px rgba(1, 83, 52, 0.1);

  /* Border radius */
  --radius-sm: 6px;
  --radius-md: 9px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-full: 100px;
}