/* FileAffairs – Design Tokens
   Quelle: FileAffairs CI (Logo, Präsentationsvorlage). Kräftigere Ableitungen
   der CI-Farben für ausreichenden Kontrast (WCAG AA / BITV).
   Nur ein Theme (hell) – bewusst kein Dark Mode. */

@font-face { font-family: "Bosis"; font-weight: 300; src: url("../fonts/bosis_BosisStd-Light.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Bosis"; font-weight: 500; src: url("../fonts/bosis_BosisStd-Medium.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Bosis"; font-weight: 600; src: url("../fonts/bosis_BosisStd-Semibold.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Bosis"; font-weight: 700; src: url("../fonts/bosis_BosisStd-Bold.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Sabon"; font-weight: 400; font-style: normal; src: url("../fonts/sabon_SabonLTStd-Roman.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Sabon"; font-weight: 400; font-style: italic; src: url("../fonts/sabon_SabonLTStd-Italic.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Sabon"; font-weight: 600; font-style: normal; src: url("../fonts/sabon_SabonMTStd-Semibold.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Sabon"; font-weight: 600; font-style: italic; src: url("../fonts/sabon_SabonMTStd-SemiboldIt.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Sabon"; font-weight: 700; font-style: normal; src: url("../fonts/sabon_SabonLTStd-Bold.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Sabon"; font-weight: 700; font-style: italic; src: url("../fonts/sabon_SabonLTStd-BoldItalic.otf") format("opentype"); font-display: swap; }

:root {
  /* CI-Basisfarben (unverändert) */
  --ci-blue: #6590ac;        /* Logo-Blau */
  --ci-beige: #c4c198;       /* Metallic Beige (Präsentation) */
  --ci-beige-logo: #b7b484;  /* Beige im Logo */
  --ci-orange: #ff9700;      /* Auszeichnungsfarbe Orange */
  --ci-grey-blue: #688a9b;   /* kleine Schriften (Präsentation) */
  --ci-black: #1a1a1a;       /* theme-color fileaffairs.de */

  /* Typografie
     Überschriften Serife (Sabon), Text Groteske (Bosis) – umgekehrt zur ersten Fassung.
     --font-ui ist bewusst ein eigener Name, auch wenn es aktuell auf --font-body zeigt:
     Navigation, Buttons und Labels sind Bedienelemente, kein Fließtext. */
  --font-head: "Sabon", Georgia, "Times New Roman", serif;
  --font-body: "Bosis", "Trebuchet MS", "Gill Sans", sans-serif;
  --font-ui: var(--font-body);
  /* Sabon hat eine kleine x-Höhe und wirkt bei gleicher Punktgröße kleiner als Bosis –
     die Überschriften stehen deshalb eine Stufe größer als in der Bosis-Fassung. */
  --fs-h1: clamp(2.4rem, 4.4vw, 3.5rem);
  --fs-h2: clamp(1.95rem, 3.3vw, 2.6rem);
  --fs-h3: 1.375rem;
  --fs-body: 1.1875rem;          /* 19 px, Kundenvorgabe */
  --fs-lede: 1.375rem;           /* 22 px, Vorspann und Hero-Text */
  --fs-small: 1rem;
  --lh-body: 1.7;
  --fw-body: 300;                /* Bosis Light; Auszeichnungen 500/600, fett 700 */

  /* Layout */
  --container: 1200px;
  --gutter: clamp(1.25rem, 5vw, 4.5rem);
  --section: clamp(4rem, 8vw, 6rem);
  --radius: 6px;
  --radius-sm: 4px;

  /* Semantische Farben
     Im Textbereich bewusst farblos: Überschriften, Fließtext und Kleintext sind
     dieselbe ruhige Grauachse. Blau bleibt den Bedienelementen vorbehalten
     (Links, Buttons), Orange dem Akzent. */
  --bg: #ffffff;
  --bg-alt: #f1f0e6;             /* helles Beige, aus --ci-beige abgeleitet */
  --surface: #ffffff;
  --text: #1a1a1a;
  --text-2: #3c3f42;             /* Fließtext-Grau, 10.6:1 auf Weiß */
  --muted: #5a5e62;              /* Kleintext, 6.5:1 auf Weiß / 5.7:1 auf --bg-alt */
  --heading: #1a1a1a;            /* Überschriften fast schwarz statt Logo-Blau */
  --brand: var(--ci-blue);       /* Flächen, Icons */
  --link: #2f5c7e;
  --link-hover: #24506f;
  --btn-bg: #2f5c7e;
  --btn-text: #ffffff;
  --btn-hover: #24506f;
  --btn-outline: #2f5c7e;
  --line: #c4c198;               /* CI-Beige als Linie */
  --line-soft: #dedcc9;
  --border-input: #a9a67c;
  --accent: #d97400;             /* Orange, abgedunkelt für hellen Grund */
  --focus: #ff9700;
  --bird-opacity: 0.14;
  --shadow: none;
  color-scheme: light;
}