/* ALAZ — sıcak gece kimliği. Bileşenlerde yalnızca bu token'lar kullanılır. */
:root {
  --color-surface-void: #0B0908;
  --color-surface-charcoal: #14100E;
  --color-surface-ember-glow: #1E1512;
  --color-ink-ash: #EDE4D6;
  --color-ink-smoke: #A99A87;
  --color-accent-ember: #E5843A;
  --color-accent-kor: #C6461F;
  --color-flame-core: #F6B24A;
  --color-line-brass: #6E5A3E;
  --color-cool-steel: #3A4650;
  --color-accent-contrast: #0B0908;
  --color-transparent: transparent;

  --font-display: "Didot", "Bodoni 72", "Hoefler Text", "Constantia", Georgia, serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-page: clamp(var(--space-5), 5vw, var(--space-20));
  --content-max: 76rem;

  --radius-sm: .375rem;
  --radius-md: .75rem;
  --radius-lg: 1.25rem;
  --radius-round: 999rem;
  --line-hair: .0625rem;
  --control-min-height: 2.75rem;
  --focus-width: .1875rem;
  --focus-offset: .1875rem;
  --opacity-grain: .03;
  --opacity-scrim: .72;
  --opacity-muted: .74;
  --opacity-table-static: .7;
  --shadow-ember: 0 0 2.5rem color-mix(in srgb, var(--color-accent-ember) 23%, var(--color-transparent));
  --shadow-deep: 0 1.5rem 5rem color-mix(in srgb, var(--color-surface-void) 80%, var(--color-transparent));
  --ease-settle: cubic-bezier(.22, 1, .36, 1);
  --motion-fast: 160ms;
  --motion-base: 500ms;
  --motion-coal: 7.5s;

  --text-base: 1rem;
  --text-lg: 1.15rem;
  --text-label: .74rem;
  --text-cue: .64rem;
  --text-course: 1.3rem;
  --text-footer: .85rem;
  --text-footer-mark: 1.75rem;
  --text-mark-min: 2.35rem;
  --text-mark-max: 4.5rem;
  --text-hero-min: 2.6rem;
  --text-hero-max: 6.4rem;
  --text-heading-min: 1.9rem;
  --text-heading-max: 3.4rem;
  --text-subheading-min: 1.5rem;
  --text-subheading-max: 2rem;
  --text-menu-title-min: 1.65rem;
  --text-menu-title-max: 2.5rem;
  --hero-scene-max: 72rem;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}