/* GANS OS Obsidian Chrome – gemeinsames Designsystem für Landingpage und Werkbank
   Referenz v0.4-entwurf (A50, 17.10.2026; Oberflächensprache „Edles Werkzeug“ mit technischem Charakter nach A51, Tim 18.10.2026).
   Ersetzt die Entwürfe A44 (Kupfer) und A45–A49 (Violett/Anthrazit) als Hauptdesign.
   Beschreibung und Regeln: docs/DESIGNSYSTEM.md. Gleiche Werte als JSON für VICTUS: design/gans-os-obsidian-chrome.tokens.json.
   Zwei getrennte Ebenen: MARKE (--gos-…) und FACH (--fach-…). Die Marke überschreibt nie eine Fachfarbe.
   Verteilung (A50 §4): 75–85 % dunkle neutrale Flächen, 10–20 % Metall, höchstens 5 % Akzente. */
:root {
  /* ---------- MARKE · Basisfarben (A50 §3) */
  --gos-obsidian-black: #0E1013;    /* Hintergrund, Hauptflächen */
  --gos-carbon-black: #15181C;      /* Navigation, Abschnittswechsel */
  --gos-deep-anthracite: #1C2025;   /* Navigation, Zeichnungsblatt */
  --gos-graphite: #272D33;          /* Karten, Tabellen, Arbeitsbereiche */
  --gos-steel-surface: #343B43;     /* erhöhte Flächen: Tabellenköpfe, Typenschild-Platte im Konfigurator */
  /* ---------- MARKE · Metall (A50 §3) */
  --gos-chrome-silver: #D6DCE1;     /* Logo, Wortmarke „GANS“, aktive Bedienelemente, Hauptknopf */
  --gos-titanium: #AEB7BF;          /* „OS“-Grundton, Trennlinien-Akzente */
  --gos-brushed-steel: #89949D;     /* gebürstete Metallkante, Symbole */
  --gos-chrome-highlight: #F0F3F5;  /* Lichtkante, Reflex */
  /* ---------- MARKE · Akzente (höchstens 5 %) */
  --gos-ki-eisblau: #83DDF2;        /* nur KI-Assistenz und intelligente Aktionen */
  --gos-titan-violett: #74668F;     /* sehr dezente technische Akzente, nie als Schrift (max. 3,7:1) */
  --gos-kupfer: #B98563;            /* sehr sparsame Verbindung zur Werkstatt, nur feine Linien */
  /* ---------- Status (A50 §3) */
  --gos-status-ok: #70C5A4;
  --gos-status-hinweis: #E5B96B;
  --gos-status-fehler: #E47D82;
  /* ---------- Texte (A50 §3) */
  --gos-text: #F1F3F4;
  --gos-text-sekundaer: #AFB8C0;
  --gos-text-leise: #818B95;        /* nur auf Obsidian, Carbon und Deep Anthracite (≥ 4,7:1), nicht auf Graphite */

  /* ---------- abgeleitete Stufen (nur gemischt, keine neuen Farben) */
  --gos-linie: #40464B;             /* Graphite + 14 % Chrome Silver: Linien */
  --gos-linie-2: #51575D;           /* Graphite + 24 % Chrome Silver: Eingabefelder, starke Linien */
  --gos-auswahl: #33393F;           /* Graphite + 7 % Chrome Silver: ausgewählte Zeile (mit feiner silberner Randmarke) */
  --gos-eis-toenung: #2D3940;       /* Graphite + 7 % Ice Blue: KI-Hinweisfläche */
  --gos-text-2: #D3D8DD;            /* Primary + 45 % Secondary Text: Fließtext */

  /* ---------- Metall-Verläufe (nur Branding, Hero, ausgewählte Akzente – nie in Tabellen) */
  --gos-metall-gans: linear-gradient(180deg, #F0F3F5 0%, #D6DCE1 46%, #AEB7BF 54%, #D6DCE1 100%);
  --gos-metall-os: linear-gradient(180deg, #FFFFFF 0%, #F0F3F5 44%, #AEB7BF 56%, #F0F3F5 100%);
  --gos-metall-knopf: linear-gradient(180deg, #F0F3F5 0%, #D6DCE1 55%, #C3CAD0 100%);
  --gos-lichtkante: inset 0 1px 0 rgba(240, 243, 245, .08);

  /* ---------- Rollen */
  --gos-grund: var(--gos-obsidian-black);
  --gos-navigation: var(--gos-carbon-black);
  --gos-karte: var(--gos-graphite);
  --gos-erhoeht: var(--gos-steel-surface);
  --gos-aktiv: var(--gos-chrome-silver);
  --gos-knopf-text: var(--gos-obsidian-black);  /* auf Chrome 13,8:1 */
  --gos-ki: var(--gos-ki-eisblau);

  /* ---------- FACH · Kalkulation (D2-066, gans_design_tokens.json 1.2.0 – unverändert übernommen) */
  --fach-kalk-material: #F3E2B3;
  --fach-kalk-lohn: #C9E1F5;
  --fach-kalk-maschine: #DDD0F1;
  --fach-kalk-fremd: #F6D5B5;
  --fach-kalk-gemeinkosten: #E2E5E9;
  --fach-kalk-summe-material: #E9CF8B;
  --fach-kalk-summe-fertigung: #BBC1EC;
  --fach-kalk-herstellkosten: #F8D3D3;
  --fach-kalk-selbstkosten: #F3B7B7;
  --fach-kalk-wagnis: #DCEEB4;
  --fach-kalk-gewinn: #B9E4BE;
  --fach-kalk-netto: #BDE8E3;
  --fach-kalk-ust: #ECEFF1;
  --fach-kalk-brutto: #8FD5CC;
  --fach-text: #0E1013;             /* Schrift auf Fachfarben */

  /* ---------- FACH · Materialgruppen (Materialstandard D2-065, Träger) */
  --fach-mat-mdf: #D8BE96;
  --fach-mat-spanplatte: #E4C86A;
  --fach-mat-eiche-furnier: #B88A52;
  --fach-mat-melamin: #8E9AAF;

  /* ---------- Typografie */
  --gos-schrift: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --gos-schrift-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --gos-gewicht-wortmarke: 300;   /* Wortmarke GANS OS fein (Light), zarter als die Gans (Tim, 17.10.2026) */
  --gos-wortmarke-sperrung: .08em;
  /* Gravurschrift: eingravierte Beschriftungen, Skalen, Maße, Typenschild (DIN-Charakter; Bahnschrift liegt Windows bei) */
  --gos-schrift-gravur: "Bahnschrift", "DIN Alternate", "D-DIN", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;

  /* ---------- Werkzeug-Sprache (A51): gefräst statt Karte, Rille statt Rahmen, eingraviert statt Pille, Silber nur an Kanten */
  --gos-radius-werkzeug: 4px;       /* gefräste Kante: Werkzeugkörper, Flächen, Knöpfe */
  --gos-radius-fein: 2px;           /* Schilder, Wahlschalter-Segmente, Kennzeichen */
  --gos-rillen-farbe: rgba(0, 0, 0, .55);                       /* dunkle Linie einer Rille … */
  --gos-rille: 0 1px 0 rgba(240, 243, 245, .05);                 /* … mit heller Unterkante (box-shadow) */
  --gos-vertiefung: inset 0 1px 3px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(0, 0, 0, .35);   /* eingelassen: Werkbankbett, Schlitz, Schiene, Typenschild */
  --gos-erhaben: inset 0 1px 0 rgba(240, 243, 245, .09), 0 1px 2px rgba(0, 0, 0, .55);      /* erhaben: Flächen, Schalter, Schieber */
  --gos-gravur: 0 -1px 0 rgba(0, 0, 0, .55), 0 1px 0 rgba(240, 243, 245, .06);              /* text-shadow eingraviert; Schrift bleibt voll lesbar */
  --gos-metall-leiste: linear-gradient(180deg, #F0F3F5 0%, #AEB7BF 45%, #89949D 60%, #D6DCE1 100%);   /* schmale gebürstete Leiste/Einlage, höchstens 4 px */

  /* ---------- Abstände, Rundungen, Rahmen, Schatten (ruhig, kein Leuchten) */
  --gos-abstand-1: 4px; --gos-abstand-2: 8px; --gos-abstand-3: 12px; --gos-abstand-4: 16px; --gos-abstand-5: 24px; --gos-abstand-6: 32px; --gos-abstand-7: 48px;
  --gos-radius-klein: 6px; --gos-radius: 10px; --gos-radius-gross: 14px;   /* nur noch für Fotos und Videos; Bedienelemente: --gos-radius-werkzeug */
  --gos-rahmen: 1px solid var(--gos-linie);
  --gos-schatten: 0 24px 60px rgba(0, 0, 0, .45);
  --gos-schatten-klein: 0 2px 10px rgba(0, 0, 0, .3);

  /* ---------- Bewegung (kurz, ruhig; bei „Bewegung reduzieren“ aus) */
  --gos-ease: cubic-bezier(.2, .7, .2, 1);
  --gos-dauer-kurz: .12s;
  --gos-dauer: .45s;
  --gos-dauer-lang: .9s;
}