/* ============================================================
   VERTICAL CONSULTING · Marken-Tokens
   Einzige Quelle für Farben, Rundungen, Schrift und Schatten –
   genutzt von der Website (inkl. AI-Portfolio) und Vertical Estimate.
   Wird beim Deploy automatisch in beide Seiten kopiert
   (scripts/build.mjs) – NUR HIER ändern.
   ============================================================ */

:root {
  /* ── Akzentfarbe ───────────────────────────────────────────
     Zwei Werte genügen: eine helle Pastellfarbe für Flächen und
     eine dunkle Variante desselben Farbtons für Text, Links und
     aktive Zustände (muss auf Weiß gut lesbar sein).
     Beispiele:  Lavendel  #DCD6FF / #4B3FB3
                 Salbei    #CDEBDD / #1E6B55
                 Pfirsich  #FFDCCB / #A3462A
                 Himmel    #D3E7FA / #1F5F8F                     */
  --accent: #DCD6FF;
  --accent-ink: #4B3FB3;

  /* Abgeleitete Abstufungen – passen sich automatisch an */
  --accent-soft: color-mix(in oklab, var(--accent) 50%, #fff);
  --accent-tint: color-mix(in oklab, var(--accent) 22%, #fff);
  --accent-line: color-mix(in oklab, var(--accent) 75%, var(--accent-ink));
  --accent-ink-hover: color-mix(in oklab, var(--accent-ink) 82%, #000);
  --accent-glow: color-mix(in oklab, var(--accent) 65%, transparent);

  /* ── Neutrale Farben ── */
  --paper: #ffffff;
  --canvas: #fbfbfd;
  --ink: #17161d;
  --ink-soft: #2c2b34;
  --smoke: #6b6a76;
  --mist: #a2a1ac;
  --hairline: #e8e7ee;
  --sand: #f5f5f8;
  --sand-deep: #ebebf0;

  /* ── Status ── */
  --danger: #c93a3a;
  --danger-soft: #fcecec;
  --success: #2e7d5b;
  --success-soft: #e6f4ed;

  /* ── Form & Tiefe ── */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(23, 22, 29, .05);
  --shadow: 0 1px 2px rgba(23, 22, 29, .04), 0 12px 32px -14px rgba(23, 22, 29, .16);
  --shadow-lg: 0 2px 4px rgba(23, 22, 29, .04), 0 24px 60px -24px rgba(23, 22, 29, .22);

  /* ── Schrift & Bewegung ── */
  --font: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
  --ease: cubic-bezier(.22, .61, .36, 1);
}