/* aigency.ch · Tokens
   Quelle: docs/design/02d_Design-Leitfaden.md und redesign-auftrag.md §2. Werte 1:1, nichts erfunden.
   Farbe des Tages: <html data-day="mo|di|mi|do|fr|sa|so">, ohne JavaScript gilt Mittwoch.
   Feste Farbpaare für einzelne Bilder: data-pair="…" auf dem Element (gleiche Werte). */

@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/fonts/instrument-serif-regular.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;
  src:url("/assets/fonts/instrument-serif-italic.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 600;font-display:swap;
  src:url("/assets/fonts/inter-tight.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;
  src:url("/assets/fonts/ibm-plex-mono-400.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Grundfarben (02d «Grundfarben», fix) */
  --desk:#E6DDCC;        /* Tisch: Seitenhintergrund, abwechselnde Abschnitte */
  --paper:#F7F2E8;       /* Papier: Inhaltsflächen */
  --sheet:#FFFDF8;       /* Zettel: Prompt-Kästen, Formulare */
  --ink:#151310;         /* Tinte: Text, Linien, Wortmarke */
  --ink-soft:#4A453D;    /* Tinte weich: Nebentext, Meta-Zeilen */
  --rule:#D9CFBD;        /* Linie: feine Trennlinien */
  --foot:#151310;        /* Fusszeile */
  --foot-text:#CFC6B6;
  --foot-link:#F0E8DA;
  --tape:rgba(226,214,184,.88); /* neutrales Klebeband (04) */

  /* Schriften (02d «Typografie») */
  --f-display:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --f-body:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  /* Grössen (Auftrag §2 «Typografie», Desktop) */
  --fs-h1:88px;  --lh-h1:1.05;
  --fs-h2:52px;  --lh-h2:1.08;
  --fs-h3:26px;  --lh-h3:1.2;
  --fs-body:17px; --lh-body:1.6;
  --fs-label:12px; --ls-label:.12em;
  --fs-mono:14px;
  --fs-small:13px;
  --fs-meta:12.5px;
  --measure:62ch;
  --ls-wordmark:-.02em;

  /* Layout */
  --page-max:1200px;
  --sheet-pad:72px;
  --gap-sheet:28px;
  --section-y:88px;
  --stroke:1.5px;
  --tape-tilt:-1.6deg;
  --step-tilt:-6deg;
  --shadow-paper:0 1px 0 rgba(0,0,0,.04),0 18px 40px -24px rgba(60,40,20,.35);
  --shadow-note:2px 3px 0 rgba(90,70,40,.08);
  --ease:cubic-bezier(.2,.7,.2,1);

  color-scheme:light;
}

@media (max-width:900px){
  :root{--sheet-pad:44px;--section-y:64px}
}
@media (max-width:720px){
  :root{--fs-h1:44px;--fs-h2:34px;--fs-h3:22px;--fs-body:16px;--fs-mono:13px;--section-y:52px}
}
@media (max-width:520px){
  :root{--sheet-pad:22px;--gap-sheet:16px}
}

/* Farbe des Tages: Palette v1.1, gedämpft (docs/design/PALETTE-v1.1.md, von Dominic am 7.11.2026 freigegeben).
   --day Hauptfarbe (Fläche, Punkt, Linien) · --day-deep Text dunkel · --day-tint Tönung
   --day2 Zweitfarbe · --day2-deep Text dunkel · --day2-tint Tönung
   Regeln: helle Farben nie als Text (Honig und Stroh nur als Fläche); dunkle Farben als Text nur auf
   Papier oder Zettel; auf Tönungen steht Tinte. */
:root,
[data-day="mi"],[data-pair="mi"]{--day:#B5694D;--day-deep:#8A4630;--day-tint:#EDD7CA;--day2:#4F7B76;--day2-deep:#335754;--day2-tint:#D4E0DC} /* Terracotta / Seegrün */
[data-day="mo"],[data-pair="mo"]{--day:#5F7F95;--day-deep:#3D5A6D;--day-tint:#DCE3E7;--day2:#C9A452;--day2-deep:#755A1C;--day2-tint:#F0E5C8} /* Rauchblau / Honig */
[data-day="di"],[data-pair="di"]{--day:#61795F;--day-deep:#405640;--day-tint:#DAE0D5;--day2:#BF7B5E;--day2-deep:#8A4730;--day2-tint:#F0DBCF} /* Moos / Ziegel */
[data-day="do"],[data-pair="do"]{--day:#B88B4B;--day-deep:#765623;--day-tint:#EEE0C5;--day2:#7F94A7;--day2-deep:#475E73;--day2-tint:#DFE5EA} /* Ocker / Taubenblau */
[data-day="fr"],[data-pair="fr"]{--day:#86677A;--day-deep:#5F4455;--day-tint:#E6DCE1;--day2:#93A58B;--day2-deep:#4D6046;--day2-tint:#E1E6DB} /* Pflaume / Salbei */
[data-day="sa"],[data-pair="sa"]{--day:#4F5C84;--day-deep:#384467;--day-tint:#DADDE7;--day2:#D0B867;--day2-deep:#6B5719;--day2-tint:#F1E9C8} /* Indigo / Stroh */
[data-day="so"],[data-pair="so"]{--day:#5B6168;--day-deep:#3D4249;--day-tint:#DDDEDF;--day2:#B5694D;--day2-deep:#8A4630;--day2-tint:#EDD7CA} /* Graphit / Terracotta */