/* ============================================================
   Sposa Favola — Design Tokens
   Quelle: projekt.md Phase 4
   ============================================================ */

:root {
  /* --- Farben (Phase 4.1) --- */
  --color-bg-ivory: #FAF6F0;
  --color-bg-rose: #F1E3DA;
  --color-bg-shadow: #1A1410;
  --color-text-ink: #231A14;
  --color-text-mute: #6E5F52;
  --color-text-inverse: #F5ECDF;
  --color-accent-gold: #A98A5A;
  --color-accent-gold-soft: #C8AC83;
  --color-accent-wine: #6E2A2A;
  --color-line: #D4C3B0;
  --color-line-soft: rgba(212, 195, 176, 0.35);

  /* --- Typografie (Phase 4.2) --- */
  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.5rem;
  --text-3xl: 3.5rem;
  --text-display: clamp(3.5rem, 8vw, 7rem);

  --leading-tight: 1.05;
  --leading-snug: 1.15;
  --leading-normal: 1.4;
  --leading-relaxed: 1.6;

  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.08em;

  /* --- Layout (Phase 4.3) --- */
  --maxw-content: 1280px;
  --maxw-text: 720px;
  --maxw-narrow: 560px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --section-pad-y: var(--space-16);
  --container-pad-x: var(--space-6);

  /* --- Borders & Shadows --- */
  --radius-sharp: 2px;
  --radius-card: 4px;

  --shadow-card: 0 8px 32px -16px rgba(35, 26, 20, 0.18);
  --shadow-card-hover: 0 16px 48px -20px rgba(35, 26, 20, 0.28);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
}

@media (min-width: 768px) {
  :root {
    --section-pad-y: var(--space-24);
    --container-pad-x: var(--space-8);
  }
}

@media (min-width: 1024px) {
  :root {
    --section-pad-y: var(--space-32);
    --container-pad-x: var(--space-12);
  }
}

/* --- Dark Section Override (Private Moon, gelegentliche Shadow-Sektionen) --- */
[data-section="shadow"] {
  --color-bg-ivory: var(--color-bg-shadow);
  --color-text-ink: var(--color-text-inverse);
  --color-text-mute: #B0A089;
  --color-line: #3A2E24;
  --color-line-soft: rgba(58, 46, 36, 0.4);
}

/* --- Reduce Motion (A11y) --- */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}