/* dee-fit theme for the Kickstart test, tuned from taste/soft.
   Every value is named after the dee-fit CI (Elementor audit 2026-07-28). */

:root {
  --font-display: "Abhaya Libre", Georgia, serif;           /* dee-fit headings */
  --font-body: "Nunito", "Segoe UI", Arial, sans-serif;     /* dee-fit body */
  --w-display: 800;
  --tr-display: -0.01em;
  --tr-h2: -0.005em;
  --lh-display: 1.08;
  --radius: 18px;
  --radius-sm: 8px;              /* dee-fit CTA radius */
  --radius-button: 8px;
  --case-eyebrow: uppercase;
  --tr-eyebrow: 0.14em;

  --bg: #FCF5F0;                 /* Leinen: dee-fit bg-warm */
  --surface: #FFFFFF;            /* Papier */
  --surface-2: #EEF2EC;          /* Salbeinebel */
  --ink: #2F332F;                /* Tinte: dee-fit text, a touch deeper */
  --muted-strong: #424242;       /* dee-fit text */
  --muted: #5B655C;              /* Moos: replaces CI gray, which fails 4.5:1 on Leinen */
  --line: rgba(65, 102, 69, 0.16);
  --line-strong: rgba(65, 102, 69, 0.32);
  --ink-field: #416645;          /* Parkgrün: dee-fit heading green, header band */
  --on-ink: #FCF5F0;             /* Leinen on Parkgrün */
  --on-ink-muted: #FFEAB0;       /* Morgenlicht: dee-fit creme-gold */
  --accent: #556F57;             /* Salbei: dee-fit primary */
  --accent-fill: #556F57;
  --accent-on-fill: #FFEAB0;     /* dee-fit CTA: creme-gold on sage */
  --accent-text: #416645;
  --accent-soft: #E7EEE5;
  --apricot: #FFBC7D;            /* Aprikose: dee-fit script accent */
  --field-1: #EEF2EC;
  --field-1-ink: #2F332F;
  --field-2: #FFEAB0;
  --field-2-ink: #2F332F;
  --field-3: #416645;
  --field-3-ink: #FCF5F0;
  color-scheme: light dark;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #161E18;               /* Waldboden */
    --surface: #1D2720;
    --surface-2: #243026;
    --ink: #F4EFE6;
    --muted-strong: #DCD8CF;
    --muted: #B3BEB4;
    --line: rgba(244, 239, 230, 0.12);
    --line-strong: rgba(244, 239, 230, 0.24);
    --ink-field: #24382A;        /* Parkgrün im Schatten */
    --on-ink: #F4EFE6;
    --on-ink-muted: #FFEAB0;
    --accent: #FFEAB0;           /* Morgenlicht carries the signal in dark */
    --accent-fill: #FFEAB0;
    --accent-on-fill: #24382A;
    --accent-text: #FFEAB0;
    --accent-soft: rgba(255, 234, 176, 0.12);
    --field-1: #243026;
    --field-1-ink: #F4EFE6;
    --field-2: #3A3622;
    --field-2-ink: #F4EFE6;
    --field-3: #24382A;
    --field-3-ink: #F4EFE6;
  }
}
@media screen {
  :root[data-theme="dark"] {
    --bg: #161E18;
    --surface: #1D2720;
    --surface-2: #243026;
    --ink: #F4EFE6;
    --muted-strong: #DCD8CF;
    --muted: #B3BEB4;
    --line: rgba(244, 239, 230, 0.12);
    --line-strong: rgba(244, 239, 230, 0.24);
    --ink-field: #24382A;
    --on-ink: #F4EFE6;
    --on-ink-muted: #FFEAB0;
    --accent: #FFEAB0;
    --accent-fill: #FFEAB0;
    --accent-on-fill: #24382A;
    --accent-text: #FFEAB0;
    --accent-soft: rgba(255, 234, 176, 0.12);
    --field-1: #243026;
    --field-1-ink: #F4EFE6;
    --field-2: #3A3622;
    --field-2-ink: #F4EFE6;
    --field-3: #24382A;
    --field-3-ink: #F4EFE6;
  }
  :root[data-theme="light"] { color-scheme: light; }
  :root[data-theme="dark"] { color-scheme: dark; }
}