/* ============================================================
   ITIVARA — Design Tokens
   Einzige Quelle der Wahrheit für Farbe, Typografie, Raum.
   White-Label: alle --brand-* Tokens werden pro Reisebüro
   zur Laufzeit überschrieben (siehe [data-agency]).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* ---------- Farbe · Papier & Tinte ---------- */
  --c-paper:        #F7F4EF;  /* warmes Off-White, Grundfläche */
  --c-paper-raised: #FFFDFA;  /* Karten, erhabene Flächen */
  --c-paper-sunk:   #EFEAE1;  /* eingelassene Flächen, Inputs */
  --c-ink:          #1C1B19;  /* tiefes Anthrazit, Titel */
  --c-ink-soft:     #3A3733;  /* Fließtext */
  --c-ink-muted:    #6E6A63;  /* Sekundärtext, Labels */
  --c-ink-faint:    #9A958C;  /* Metadaten, Platzhalter */
  --c-rule:         #E2DCD2;  /* Haarlinien */
  --c-rule-strong:  #D3CBBE;

  /* ---------- Farbe · Nacht (Hero, Footer, Dark Panels) ---------- */
  --c-night:        #16151300;
  --c-night-solid:  #161513;
  --c-night-raised: #221F1B;
  --c-night-rule:   #33302B;
  --c-on-night:     #F2EDE4;
  --c-on-night-mut: #A9A296;

  /* ---------- Farbe · Akzent (White-Label-Slot) ---------- */
  --brand-accent:       #A8895C;  /* Champagner / Messing */
  --brand-accent-soft:  #C9AE85;
  --brand-accent-deep:  #8A6E45;
  --brand-accent-wash:  #F1E9DC;  /* 8 % Fläche */
  --brand-on-accent:    #1C1B19;

  /* ---------- Farbe · Status (entsättigt, edel) ---------- */
  --c-success:      #5F7355;  --c-success-wash: #E9EDE6;
  --c-warning:      #A6803C;  --c-warning-wash: #F4ECDD;
  --c-danger:       #8C4A42;  --c-danger-wash:  #F3E5E2;
  --c-info:         #4E6376;  --c-info-wash:    #E6EBEF;

  /* ---------- Typografie ---------- */
  --font-display: "Cormorant Garamond", "Hoefler Text", Garamond, Georgia, serif;
  --font-sans:    "Inter", -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;
  --font-mono:    ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* Display-Skala (Serif) — fluid */
  --t-d1: clamp(2.75rem, 9vw, 5.25rem);
  --t-d2: clamp(2.125rem, 6.5vw, 3.5rem);
  --t-d3: clamp(1.625rem, 4.5vw, 2.25rem);
  --t-d4: clamp(1.375rem, 3.4vw, 1.75rem);

  /* Text-Skala (Sans) */
  --t-lg:   1.0625rem;
  --t-base: 0.9375rem;
  --t-sm:   0.8125rem;
  --t-xs:   0.75rem;
  --t-2xs:  0.6875rem;

  --lh-tight: 1.08;
  --lh-snug:  1.3;
  --lh-body:  1.65;

  /* Eyebrow / Kapitälchen-Ersatz */
  --ls-eyebrow: 0.18em;
  --ls-display: -0.015em;

  /* ---------- Raum (4er-Basis) ---------- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.25rem;  --s-6: 1.5rem;   --s-8: 2rem;     --s-10: 2.5rem;
  --s-12: 3rem;    --s-16: 4rem;    --s-20: 5rem;    --s-24: 6rem;
  --s-32: 8rem;

  /* Sektionsrhythmus — großzügig, mobil gedämpft */
  --section-y: clamp(3.5rem, 9vw, 7rem);
  --gutter:    clamp(1.25rem, 5vw, 2.5rem);
  --measure:   38rem;   /* Lesebreite */
  --shell:     78rem;   /* max. Inhaltsbreite Traveler */
  --shell-app: 96rem;   /* max. Inhaltsbreite Dashboard */

  /* ---------- Radius · zurückhaltend ---------- */
  --r-xs: 2px;  --r-sm: 4px;  --r-md: 8px;  --r-lg: 14px;  --r-full: 999px;

  /* ---------- Schatten · sehr weich, nie hart ---------- */
  --sh-1: 0 1px 2px rgba(28,27,25,.04), 0 1px 1px rgba(28,27,25,.03);
  --sh-2: 0 2px 4px rgba(28,27,25,.04), 0 6px 16px rgba(28,27,25,.05);
  --sh-3: 0 4px 8px rgba(28,27,25,.05), 0 18px 44px rgba(28,27,25,.08);
  --sh-inset: inset 0 1px 0 rgba(255,255,255,.6);

  /* ---------- Bewegung · dezent ---------- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-1: 140ms;  --dur-2: 260ms;  --dur-3: 460ms;

  --focus: 0 0 0 2px var(--c-paper), 0 0 0 4px var(--brand-accent);
}

/* ============================================================
   WHITE-LABEL — Agentur-Themes
   Nur diese vier Größen ändern sich pro Reisebüro:
   Logo (im Markup), Akzentfarbe, Display-Schrift, Schriftgewicht.
   ============================================================ */

[data-agency="take-memories"] {
  --brand-accent:      #A8895C;
  --brand-accent-soft: #C9AE85;
  --brand-accent-deep: #8A6E45;
  --brand-accent-wash: #F1E9DC;
  --font-display: "Cormorant Garamond", Garamond, Georgia, serif;
}

[data-agency="edel-travel"] {
  --brand-accent:      #4A5D52;   /* gedecktes Jagdgrün */
  --brand-accent-soft: #7C9182;
  --brand-accent-deep: #35463D;
  --brand-accent-wash: #E7EDE8;
  --font-display: "Cormorant Garamond", Garamond, Georgia, serif;
}

[data-agency="itivara"] {
  --brand-accent:      #8A6E45;
  --brand-accent-soft: #B79A70;
  --brand-accent-deep: #6B5334;
  --brand-accent-wash: #F1E9DC;
}

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