/* Maestra · Manuela Ruppert Consulting — Design Tokens
   Einzige Quelle für Farben, Schriften, Abstände. Stand 2026-10-05.
   In jedes HTML wörtlich übernehmen (oder per <link> einbinden). Werte nie frei variieren. */


:root {
  /* Berry — Primär (Überschriften, Logo, Linien, Tipp-Boxen) */
  --berry: #8B1A6B;
  --berry-deep: #6E1455;
  --berry-soft: #A84A8A;

  /* Berry-Tonleiter — für Abstufung statt Ton-in-Ton (Tabs, Karten, Flächen, Diagramme) */
  --berry-50:  #F2E6E8;  /* Hauch: Abschnitts-Hintergrund */
  --berry-100: #E9D4DD;  /* Karten-/Tab-Fläche hell */
  --berry-200: #D5ADC5;  /* Rahmen, Hover */
  --berry-300: #BD7EA8;  /* Punkte, Linien */
  --berry-400: #A64F8C;  /* zweite Berry-Stufe in Tabs */
  --berry-500: #8B1A6B;  /* = Berry */
  --berry-600: #76185B;
  --berry-700: #5F154A;  /* dunkle Bänder */
  --berry-800: #491339;

  /* Champagner-Gold — Sekundär (feine Linien, Eyebrows, Zahlen, Highlight) */
  --gold: #C8A55B;
  --gold-deep: #A8853F;   /* Gold auf hellem Grund */
  --gold-soft: #DCC089;   /* Gold auf dunklem Grund */

  /* Gebranntes Orange — Signal (CTAs, Badges, Highlight, Wichtig, Schritt-Zahlen) */
  --signal: #C2552E;
  --signal-deep: #9F3F1E;
  --signal-soft: #E07A52;

  /* Pflaume — Tiefe (dunkle Flächen, Lounge, Zitate) */
  --plum: #3A1530;
  --plum-deep: #2A0F22;
  --plum-soft: #5C2A4D;

  /* Bühne — Warm Paper + Ink. Nie #FFFFFF, nie #000000 */
  --paper: #FBF8F3;
  --paper-mid: #F3EDE2;
  --paper-deep: #E8DDC8;
  --ink: #1F1A17;
  --ink-soft: #4A413B;
  --ink-mute: #877B71;

  /* Atelier-Wash — nur über Paper, nur Bildschirm */
  --wash: linear-gradient(135deg,
    color-mix(in oklab, var(--berry) 5%, var(--paper)) 0%,
    var(--paper) 50%,
    color-mix(in oklab, var(--gold) 7%, var(--paper)) 100%);

  /* Schriften */
  --font-serif: "EB Garamond", Garamond, Georgia, serif;   /* alle Überschriften, 600 */
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif; /* Text, UI, Zahlen */
  --font-mono: "Courier Prime", "Courier New", Courier, monospace; /* Prompts, Code */
  --weight-heading: 600;

  /* Abstände */
  --space-xs: 4px;  --space-sm: 8px;  --space-md: 16px;
  --space-lg: 24px; --space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px;

  /* Bewegung */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: .5s;

  /* Linien */
  --rule-gold: 1px solid var(--gold);
  --callout-border: 4px;
}