/* ═══════════════════════════════════════════════════
   DESIGN TOKENS — Das Insel Archipel
   Alle parametrischen Werte an einem Ort.
   ═══════════════════════════════════════════════════ */

:root {
  /* — Primärfarben — */
  --c-blue: rgb(90,143,200);
  --c-blue-deep: rgb(55,100,150);
  --c-green: rgb(124,184,124);
  --c-amber: rgb(220,168,76);

  /* — Hintergründe — */
  --bg-primary: rgb(12,18,30);
  --bg-elevated: rgb(18,26,42);
  --bg-footer: rgb(8,12,22);
  --bg-card: rgba(255,255,255,0.03);
  --bg-card-hover: rgba(255,255,255,0.06);
  --bg-card-border: rgba(255,255,255,0.08);

  /* — Blobs — */
  --blob-blue: rgb(91,155,213);
  --blob-green: rgb(123,198,126);
  --blob-amber: rgb(232,184,77);

  /* — Text — */
  --text-primary: rgba(255,255,255,0.92);
  --text-secondary: rgba(255,255,255,0.70);
  --text-muted: rgba(255,255,255,0.45);
  --text-accent-blue: rgb(130,175,220);
  --text-accent-green: rgb(140,200,140);
  --text-accent-amber: rgb(230,180,90);

  /* — Inselfarben — */
  --island-emotions: rgb(244,114,182);
  --island-relationships: rgb(96,165,250);
  --island-home: rgb(251,191,36);
  --island-school: rgb(52,211,153);
  --island-self: rgb(167,139,250);
  --island-online: rgb(56,189,248);
  --island-atelier: rgb(251,146,60);

  /* — Typografie — */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body: 'Source Sans 3', 'Source Sans Pro', sans-serif;
  --fs-hero: clamp(2.6rem, 5.5vw, 4.8rem);
  --fs-h2: clamp(1.9rem, 3.8vw, 3rem);
  --fs-h3: clamp(1.2rem, 2vw, 1.5rem);
  --fs-body: clamp(0.95rem, 1.1vw, 1.15rem);
  --fs-small: clamp(0.85rem, 0.55vw + 0.55rem, 1.0rem);

  /* — Spacing — */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 10rem;

  /* — Layout — */
  --content-max: 1200px;
  --content-narrow: 750px;
  --nav-height: 60px;
}