/* GENERATED by design-system/static/tools/theme-sync.mjs from design-system/web-austria/tokens.css.
   Do not edit here: change the design system and run the sync again. */
/* tokens.css — GENERATED from design.json by ds-build.mjs. Do not hand-edit:
   change it in the design-system page (/design-system/) or in design.json.
   Active palette: Rot-Weiß-Rot (rot-weiss-rot).
   Themes: light is the default; put .theme-dark or .theme-brand on a section to switch it.
   Every palette is also available under [data-palette="<id>"] for comparisons.
   Components read the theme names (--bg, --text, --cta …), never the primitives or ramp. */

:root {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #c8102e;
  --brand-2: #bb102c;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #f9e8e7;  /* Altrosa */
  --field-c-to: #d9b7b4;
  --field-neutral: #f3f3f3;
  /* Type (fonts are self-hosted from fonts/, never loaded from Google at runtime) */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-text: "Geist", system-ui, sans-serif;
  --font-label: "Geist", system-ui, sans-serif;
  --display-weight: 400;
  --title-weight: 500;
  --text-weight: 400;
  --label-weight: 500;
  --text-h1: clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem);
  --leading-h1: 1.1;
  --text-h2: clamp(1.75rem, 1.6071rem + .7143vw, 2.25rem);
  --leading-h2: 1.15;
  --text-quote: clamp(1.25rem, 1.1786rem + .3571vw, 1.5rem);
  --leading-quote: 1.45;
  --text-title: clamp(1.125rem, 1.0893rem + .1786vw, 1.25rem);
  --leading-title: 1.15;
  --text-lead: clamp(1.0625rem, 1.0446rem + .0893vw, 1.125rem);
  --leading-lead: 1.5;
  --text-size: 1rem;
  --text-leading: 1.45;
  --text-label-lg: clamp(1rem, .9643rem + .1786vw, 1.125rem);
  --text-small: .8125rem;
  --leading-small: 1.3;
  --track-head: -.02em;
  --label-tracking: .06em;
  --label-transform: uppercase;
  /* Layout */
  --page-max: 90rem;
  --columns: 12;
  --gutter: .75rem;
  --margin: clamp(1rem, .6429rem + 1.7857vw, 2.25rem);
  --section-sm: clamp(3rem, 2.4286rem + 2.8571vw, 5rem);
  --section: clamp(4rem, 3.1429rem + 4.2857vw, 7rem);
  --gap-block: clamp(2.5rem, 2.0714rem + 2.1429vw, 4rem);
  --gap-row: clamp(2.25rem, 2.0357rem + 1.0714vw, 3rem);
  --gap-text: clamp(1.75rem, 1.6786rem + .3571vw, 2rem);
  --gap-lead: clamp(2rem, 1.8571rem + .7143vw, 2.5rem);
  --gap-actions: clamp(1.75rem, 1.6786rem + .3571vw, 2rem);
  --pad-card: clamp(1.75rem, 1.6786rem + .3571vw, 2rem);
  --pad-tile: clamp(1.25rem, 1.1786rem + .3571vw, 1.5rem);
  --radius-container: 0px;
  --radius-control: 999px;
  --radius-chip: 8px;
  --radius-ui-frame: 10px;
  --hairline: 1px;
  --shadow-float: 0 12px 16px -8px rgb(0 0 0 / .15);
  --control-h: 2.75rem;
  --control-pad-x: 1.3125rem;
  --focus-width: 2px;
  --focus-offset: 3px;
  --t-colour: 0.2s ease;
  --t-open: 0.3s ease;
}

.theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

.theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

.theme-brand {
  --bg: #c8102e;
  --bg-2: #bb102c;
  --bg-3: #bb102c;
  --text: #ffffff;
  --text-2: #f7dbe0;
  --rule: #d34058;
  --line: #eba7b2;
  --focus: #ffffff;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #e8e7e7;
  --on-cta-hover: #141011;
  --cta-2-hover: #bb102c;
}

/* Palette: Rot-Weiß-Rot (active) */
[data-palette="rot-weiss-rot"] {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #c8102e;
  --brand-2: #bb102c;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #f9e8e7;  /* Altrosa */
  --field-c-to: #d9b7b4;
  --field-neutral: #f3f3f3;
  background: var(--bg); color: var(--text);
}

[data-palette="rot-weiss-rot"] .theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

[data-palette="rot-weiss-rot"] .theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

[data-palette="rot-weiss-rot"] .theme-brand {
  --bg: #c8102e;
  --bg-2: #bb102c;
  --bg-3: #bb102c;
  --text: #ffffff;
  --text-2: #f7dbe0;
  --rule: #d34058;
  --line: #eba7b2;
  --focus: #ffffff;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #e8e7e7;
  --on-cta-hover: #141011;
  --cta-2-hover: #bb102c;
}

/* Palette: Weinrot */
[data-palette="weinrot"] {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #7b1e2c;
  --brand-2: #6f1c29;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #f9e8e8;  /* Altrosa */
  --field-c-to: #d9b6b7;
  --field-neutral: #f3f3f3;
  background: var(--bg); color: var(--text);
}

[data-palette="weinrot"] .theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

[data-palette="weinrot"] .theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

[data-palette="weinrot"] .theme-brand {
  --bg: #7b1e2c;
  --bg-2: #6f1c29;
  --bg-3: #6f1c29;
  --text: #ffffff;
  --text-2: #d7bcc0;
  --rule: #954b56;
  --line: #b47f87;
  --focus: #ffffff;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #e8e7e7;
  --on-cta-hover: #141011;
  --cta-2-hover: #6f1c29;
}

/* Palette: Dachgrün */
[data-palette="dachgruen"] {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #3f6448;
  --brand-2: #3c5d44;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #e3efe5;  /* Altrosa */
  --field-c-to: #abc5b0;
  --field-neutral: #f3f3f3;
  background: var(--bg); color: var(--text);
}

[data-palette="dachgruen"] .theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

[data-palette="dachgruen"] .theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

[data-palette="dachgruen"] .theme-brand {
  --bg: #3f6448;
  --bg-2: #3c5d44;
  --bg-3: #3c5d44;
  --text: #ffffff;
  --text-2: #cdd7cf;
  --rule: #65836d;
  --line: #9fb2a4;
  --focus: #ffffff;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #e8e7e7;
  --on-cta-hover: #141011;
  --cta-2-hover: #3c5d44;
}

/* Palette: Tannengrün */
[data-palette="tannengruen"] {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #24412f;
  --brand-2: #223a2b;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #e2efe6;  /* Altrosa */
  --field-c-to: #aac5b2;
  --field-neutral: #f3f3f3;
  background: var(--bg); color: var(--text);
}

[data-palette="tannengruen"] .theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

[data-palette="tannengruen"] .theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

[data-palette="tannengruen"] .theme-brand {
  --bg: #24412f;
  --bg-2: #223a2b;
  --bg-3: #223a2b;
  --text: #ffffff;
  --text-2: #bdc6c1;
  --rule: #506759;
  --line: #7c8d82;
  --focus: #ffffff;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #e8e7e7;
  --on-cta-hover: #141011;
  --cta-2-hover: #223a2b;
}

/* Palette: Donau-Petrol */
[data-palette="donau-petrol"] {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #1f4d5a;
  --brand-2: #1e4652;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #dfeff4;  /* Altrosa */
  --field-c-to: #a2c4cf;
  --field-neutral: #f3f3f3;
  background: var(--bg); color: var(--text);
}

[data-palette="donau-petrol"] .theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

[data-palette="donau-petrol"] .theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

[data-palette="donau-petrol"] .theme-brand {
  --bg: #1f4d5a;
  --bg-2: #1e4652;
  --bg-3: #1e4652;
  --text: #ffffff;
  --text-2: #bccace;
  --rule: #4c717b;
  --line: #7d989f;
  --focus: #ffffff;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #e8e7e7;
  --on-cta-hover: #141011;
  --cta-2-hover: #1e4652;
}

/* Palette: Nachtblau */
[data-palette="nachtblau"] {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #1e2a4a;
  --brand-2: #1b233b;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #e6ecf9;  /* Altrosa */
  --field-c-to: #b3bfd9;
  --field-neutral: #f3f3f3;
  background: var(--bg); color: var(--text);
}

[data-palette="nachtblau"] .theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

[data-palette="nachtblau"] .theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

[data-palette="nachtblau"] .theme-brand {
  --bg: #1e2a4a;
  --bg-2: #1b233b;
  --bg-3: #1b233b;
  --text: #ffffff;
  --text-2: #bcbfc9;
  --rule: #4b556e;
  --line: #787f92;
  --focus: #ffffff;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #e8e7e7;
  --on-cta-hover: #141011;
  --cta-2-hover: #1b233b;
}

/* Palette: Dachocker */
[data-palette="dachocker"] {
  /* Primitives */
  --paper: #ffffff;
  --ink: #141011;
  --brand: #cfa64f;
  --brand-2: #c69e4c;
  --aside: #f3f3f3;
  /* Ladder: ink mixed into paper (rules §1.1) */
  --n-0: #ffffff;
  --n-50: #f3f3f3;
  --n-100: #e8e7e7;
  --n-200: #d0cfcf;
  --n-300: #b8b7b8;
  --n-400: #989696;
  --n-500: #8a8888;
  --n-600: #727070;
  --n-700: #5b5858;
  --n-800: #434041;
  --n-900: #2b2829;
  --n-950: #201c1d;
  --n-1000: #141011;
  /* Light theme (default) */
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
  /* Illustration fields, light sections only (rules §1.12): gradient from the light corner,
     where the text sits, to the deep corner. Half the tiles in a grid use --field-neutral. */
  --field-a-from: #e2eef5;  /* Nebelblau */
  --field-a-to: #aac2cf;
  --field-b-from: #f5ebdc;  /* Kalkstein */
  --field-b-to: #d1bba2;
  --field-c-from: #f2ebdf;  /* Altrosa */
  --field-c-to: #cbbda2;
  --field-neutral: #f3f3f3;
  background: var(--bg); color: var(--text);
}

[data-palette="dachocker"] .theme-light {
  --bg: #ffffff;
  --bg-2: #f3f3f3;
  --bg-3: #f3f3f3;
  --text: #141011;
  --text-2: #5b5858;
  --rule: #e8e7e7;
  --line: #8a8888;
  --focus: #141011;
  --error: #9a0b22;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #5b5858;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #f3f3f3;
}

[data-palette="dachocker"] .theme-dark {
  --bg: #141011;
  --bg-2: #201c1d;
  --bg-3: #2c2829;
  --text: #ffffff;
  --text-2: #989696;
  --rule: #2c2829;
  --line: #747273;
  --focus: #ffffff;
  --error: #ff8a96;
  --cta: #ffffff;
  --on-cta: #141011;
  --cta-hover: #f3f3f3;
  --on-cta-hover: #141011;
  --cta-2-hover: #201c1d;
}

[data-palette="dachocker"] .theme-brand {
  --bg: #cfa64f;
  --bg-2: #c69e4c;
  --bg-3: #c69e4c;
  --text: #141011;
  --text-2: #463822;
  --rule: #aa8843;
  --line: #64512c;
  --focus: #141011;
  --cta: #141011;
  --on-cta: #ffffff;
  --cta-hover: #434041;
  --on-cta-hover: #ffffff;
  --cta-2-hover: #c69e4c;
}

/* The starter theme's colour roles, mapped onto the project tokens (mesh-wp-theme, SKILL.md step 3). */
:root, .theme-light, .theme-dark, .theme-brand {
  --canvas: var(--bg);
  --on-ink: var(--bg);
  --accent: var(--cta);
  --on-accent: var(--on-cta);
  --surface: var(--bg-2);
  --plate: var(--bg-2);
  --max: var(--page-max);
}