:root {
  /* Brand */
  --c-primary: #6DC61D;
  --c-primary-dark: #4FA013;
  --c-primary-darker: #3D7E0E;
  --c-primary-soft: rgba(109, 198, 29, 0.08);
  --c-primary-glow: rgba(109, 198, 29, 0.32);

  --c-secondary: #172a3b;
  --c-secondary-2: #1F3850;
  --c-secondary-3: #2A4A6E;

  /* Aliases for legacy class names — same brand colors */
  --c-accent: var(--c-primary);
  --c-accent-2: var(--c-primary-dark);
  --c-accent-3: var(--c-primary);

  /* Backgrounds */
  --c-bg: #0E1A26;
  --c-bg-2: #14283A;
  --c-bg-3: #1B354B;
  --c-surface: #FFFFFF;
  --c-surface-alt: #F5F8FA;
  --c-surface-3: #EAF0F4;
  --c-border: #DDE5EB;
  --c-border-strong: #BFCCD6;

  /* Ink */
  --c-ink: #0E1A26;
  --c-ink-2: #1F2D3A;
  --c-ink-3: #4A5A6B;
  --c-ink-mute: #6B7A8A;
  --c-ink-soft: #94A3B0;
  --c-ink-inv: #FFFFFF;

  --c-success: var(--c-primary);
  --c-warning: #F59E0B;
  --c-danger: #DC2626;

  /* Gradients — more restrained, corporate */
  --grad-hero:
    radial-gradient(ellipse 60% 50% at 80% 20%, rgba(109,198,29,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 70% 60% at 20% 80%, rgba(31,56,80,0.5) 0%, transparent 60%),
    linear-gradient(160deg, #0E1A26 0%, #172a3b 50%, #1F3850 100%);
  --grad-accent: linear-gradient(135deg, #7BD423 0%, #5AAB14 100%);
  --grad-accent-soft: linear-gradient(135deg, rgba(109,198,29,0.12) 0%, rgba(109,198,29,0.04) 100%);
  --grad-card-glow: linear-gradient(135deg, rgba(109,198,29,0.10) 0%, rgba(23,42,59,0.04) 100%);
  --grad-overlay-dark: linear-gradient(180deg, rgba(14,26,38,0) 0%, rgba(14,26,38,0.85) 100%);
  --grad-overlay-side: linear-gradient(90deg, rgba(14,26,38,0.95) 0%, rgba(14,26,38,0.7) 50%, rgba(14,26,38,0.4) 100%);

  /* Radius */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-2xl: 28px;
  --r-full: 999px;

  /* Shadows — softer, less playful */
  --shadow-sm: 0 1px 2px rgba(14,26,38,0.05);
  --shadow-md: 0 2px 4px rgba(14,26,38,0.06), 0 4px 12px rgba(14,26,38,0.05);
  --shadow-lg: 0 8px 24px -8px rgba(14,26,38,0.14), 0 4px 8px -4px rgba(14,26,38,0.06);
  --shadow-xl: 0 24px 48px -16px rgba(14,26,38,0.18), 0 8px 16px -8px rgba(14,26,38,0.08);
  --shadow-glow: 0 0 0 1px rgba(109,198,29,0.25), 0 8px 28px -6px rgba(109,198,29,0.32);
  --shadow-image: 0 24px 50px -16px rgba(14,26,38,0.5);

  /* Typography */
  --font-head: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.1875rem;
  --fs-xl: 1.4rem;
  --fs-2xl: 1.85rem;
  --fs-3xl: 2.4rem;
  --fs-4xl: 3rem;
  --fs-5xl: 3.75rem;

  --lh-tight: 1.12;
  --lh-snug: 1.28;
  --lh-base: 1.6;
  --lh-loose: 1.75;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  --container: 1240px;
  --container-narrow: 920px;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-base: 280ms;
  --dur-slow: 520ms;

  --z-nav: 100;
  --z-toast: 200;
  --z-modal: 300;
}