/* Pfotenzirkel – Design-Tokens aus brand/tokens.css (Hell + Dunkel). Fonts lokal (DSGVO).
   Namen englisch, Zuordnung zum Brandset:
   blackberry = brombeere, on-blackberry = on-brombeere, poppy = mohn, poppy-ink = mohn-tinte,
   pistachio = pistazie, fur = fell, oat = hafer, oat-deep = hafer-tief, ink = tinte,
   ink-muted = tinte-leise, pencil = bleistift, radius-round = radius-rund */
@font-face { font-family: "Young Serif"; src: url("../Fonts/YoungSerif-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("../Fonts/BricolageGrotesque-Variable.ttf") format("truetype"); font-weight: 200 800; font-display: swap; }

:root {
  --blackberry: #3A1F3D;
  --on-blackberry: #F6F1E7;
  --poppy: #E0643C;
  --poppy-ink: #A9401C;
  --pistachio: #C9D88F;
  --fur: #E7D3BC;
  --oat: #F6F1E7;
  --oat-deep: #EDE5D6;
  --ink: #2A1A2C;
  --ink-muted: #6B5A68;
  --pencil: #D8CCBA;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --radius-sm: 8px;
  --radius-lg: 28px;
  --radius-round: 999px;
  --font-display: "Young Serif", Georgia, serif;
  --font-sans: "Bricolage Grotesque", system-ui, sans-serif;

  /* Ergänzt aus design/startseite.html, nicht im Brandset benannt */
  --guide-line: #BFAE98;
  --blackberry-line: #6E4F70;
  --blackberry-muted: #E3D6E2;
  --field: #FFFFFF;
  --on-pistachio: #3A1F3D;
  --dark-accent: #C9D88F;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --blackberry: #B07EAD; /* Brandset: #A774A4 - aufgehellt fuer AA auf hafer-tief (4.9:1) */
    --on-blackberry: #1E1420;
    --poppy: #F07A50;
    --poppy-ink: #F49A78;
    --pistachio: #A9B873;
    --fur: #8C6E58;
    --oat: #1E1420;
    --oat-deep: #2A1D2D;
    --ink: #F6EEE6;
    --ink-muted: #C2B3BE;
    --pencil: #3E2F41;
    --guide-line: #5E4A60;
    --blackberry-line: #7E557C;
    --blackberry-muted: #2E1F31;
    --field: #2A1D2D;
    --on-pistachio: #1E1420;
    --dark-accent: #1E1420;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --blackberry: #B07EAD; /* Brandset: #A774A4 - aufgehellt fuer AA auf hafer-tief (4.9:1) */
  --on-blackberry: #1E1420;
  --poppy: #F07A50;
  --poppy-ink: #F49A78;
  --pistachio: #A9B873;
  --fur: #8C6E58;
  --oat: #1E1420;
  --oat-deep: #2A1D2D;
  --ink: #F6EEE6;
  --ink-muted: #C2B3BE;
  --pencil: #3E2F41;
  --guide-line: #5E4A60;
  --blackberry-line: #7E557C;
  --blackberry-muted: #2E1F31;
  --field: #2A1D2D;
  --on-pistachio: #1E1420;
  --dark-accent: #1E1420;
  color-scheme: dark;
}