/* ============================================================
   Anfitria — Design Tokens v2 (DialogShift-nahe Richtung)
   Ersetzt die "1:1 ARTintelligence"-Tokens komplett.
   Fast-Weiss, ein gedeckter Terrakotta/Sand-Pastellton als Akzent,
   warmes Anthrazit statt Schwarz, weiche Radien, Fraunces + Manrope.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  /* Farben */
  --bg:#FFFFFF;           /* Basis: fast reines Weiss, kein Grauschleier */
  --surface:#FFFFFF;
  --surface-2:#F7F3EC;    /* dezente Fläche für Karten auf Weiss */
  --cream:#F5EDE1;        /* warmes Creme für vereinzelte Sektions-Breaks */
  --ink:#1C1B19;          /* warmes Anthrazit-Schwarz für Text */
  --ink-2:#6B655C;        /* Sekundärtext, warmes Grau */
  --dark:#262421;         /* Anthrazit für dunkle Flächen (nicht reines Schwarz) */
  --dark-2:#332F2A;

  --accent:#E3B78E;       /* gedeckter Sand/Terrakotta-Pastellton — Haupt-Akzent (Buttons) */
  --accent-lite:#EFCFAE;
  --accent-dark:#C99566;
  --accent-ink:#8A5630;   /* dunklere Terrakotta-Tönung für Text/Links, weiterhin gedeckt */

  --line:#ECE7DE;         /* Hairline, warm getönt */
  --line-strong:#DCD4C6;

  /* Typografie */
  --font-display:'Fraunces',ui-serif,Georgia,serif;   /* grosse Sektions-Headlines */
  --font-body:'Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif; /* Feature-Headlines + Fliesstext */

  --fs-hero:clamp(2.9rem,6.2vw,5.4rem);
  --fs-h2:clamp(2rem,3.6vw,3rem);
  --fs-h3:clamp(1.18rem,1.7vw,1.45rem);
  --fs-lead:clamp(1.12rem,1.4vw,1.34rem);
  --fs-body:1.06rem;
  --fs-sm:1rem;
  --fs-label:.8rem;
  --fs-micro:.78rem;
  --lh-tight:1.12;
  --lh-body:1.65;
  --ls-label:.12em;

  /* Grid & Spacing */
  --maxw:1240px;
  --gutter:clamp(20px,3.4vw,48px);
  --s1:8px; --s2:16px; --s3:32px; --s4:72px; --s5:clamp(72px,8vw,124px);

  /* Kanten — weich statt hart */
  --radius:16px;
  --radius-lg:24px;
  --radius-pill:999px;

  /* Tiefe */
  --shadow-1:0 1px 2px rgba(28,27,25,.05);
  --shadow-2:0 14px 34px -16px rgba(28,27,25,.14);
  --shadow-3:0 28px 64px -22px rgba(28,27,25,.22);

  /* Motion */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.28s;
}