/* ============================================================
   LUMEN ACADEMIE — Design Tokens
   Logo'dan çıkarılan marka renkleri
   ============================================================ */

:root {
  /* — Brand palette — */
  --c-navy-900: #0f1428;       /* en koyu lacivert */
  --c-navy-800: #1a203c;       /* logonun birincil koyu rengi */
  --c-navy-700: #232a47;
  --c-navy-600: #2f3859;
  --c-navy-500: #3a425c;

  --c-magenta-500: #e4237d;    /* yıldız rengi */
  --c-magenta-400: #ec4d99;
  --c-magenta-100: #fde2ee;

  --c-gold-500: #e1b454;       /* path / aksan rengi */
  --c-gold-400: #e9c474;
  --c-gold-300: #f0d28a;
  --c-gold-100: #fbf2dc;

  --c-cream-50: #fdfaf3;       /* yumuşak krem arka plan */
  --c-cream-100: #f8f2e3;
  --c-paper: #ffffff;

  --c-ink-900: #0c1024;
  --c-ink-700: #2a2f44;
  --c-ink-500: #4d546c;
  --c-ink-400: #6e7591;
  --c-ink-300: #a3a8bd;
  --c-ink-200: #d6d9e4;
  --c-ink-100: #ecedf3;

  /* — Semantic — */
  --bg-page: var(--c-cream-50);
  --bg-elevated: var(--c-paper);
  --bg-deep: var(--c-navy-800);
  --bg-deep-2: var(--c-navy-900);
  --fg-default: var(--c-ink-900);
  --fg-muted: var(--c-ink-500);
  --fg-on-deep: #f3f1ea;
  --accent: var(--c-magenta-500);
  --accent-2: var(--c-gold-500);

  /* — Typography — */
  --font-sans: "Inter", "Helvetica Neue", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Fraunces", "Cormorant Garamond", "Playfair Display", Georgia, serif;

  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-48: 3rem;
  --fs-56: 3.5rem;
  --fs-64: 4rem;
  --fs-72: 4.5rem;

  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;

  --ls-tight: -0.02em;
  --ls-normal: 0;
  --ls-wide: 0.08em;
  --ls-x-wide: 0.18em;

  /* — Spacing — */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* — Radius — */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* — Shadows — */
  --shadow-soft: 0 1px 2px rgba(15, 20, 40, 0.04), 0 8px 24px rgba(15, 20, 40, 0.06);
  --shadow-elevated: 0 4px 12px rgba(15, 20, 40, 0.06), 0 24px 48px rgba(15, 20, 40, 0.10);
  --shadow-deep: 0 30px 80px -20px rgba(15, 20, 40, 0.45);
  --shadow-gold-glow: 0 0 0 1px rgba(225, 180, 84, 0.25), 0 18px 40px -18px rgba(225, 180, 84, 0.55);
  --shadow-magenta-glow: 0 0 0 1px rgba(228, 35, 125, 0.18), 0 18px 40px -18px rgba(228, 35, 125, 0.55);

  /* — Motion — */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 560ms;

  /* — Layout — */
  --container-max: 1200px;
  --container-pad: clamp(1rem, 4vw, 2.5rem);
  --section-pad-y: clamp(4rem, 8vw, 7rem);

  /* — Z-index — */
  --z-nav: 50;
  --z-modal: 100;
}