/* CompanyOS Basis Pack · semantic design tokens and fonts. */
@layer tokens, reset, foundation, components, patterns, features;
@layer tokens {
  @font-face { font-family:"General Sans"; src:url("/cockpit-assets/general-sans-400.woff2") format("woff2"); font-weight:400; font-display:swap; }
  @font-face { font-family:"General Sans"; src:url("/cockpit-assets/general-sans-600.woff2") format("woff2"); font-weight:600; font-display:swap; }
  @font-face { font-family:"Cabinet Grotesk"; src:url("/cockpit-assets/cabinet-grotesk-500.woff2") format("woff2"); font-weight:500; font-display:swap; }
  @font-face { font-family:"Cabinet Grotesk"; src:url("/cockpit-assets/cabinet-grotesk-800.woff2") format("woff2"); font-weight:800; font-display:swap; }
  :root {
    --material-ink:#191713; --material-paper:#f2eddf; --material-brass:#c9a14e;
    --material-approval:#2f7a50; --material-approval-on-ink:#5cad80;
    --material-slate:#6c8291; --material-copper:#b4633e;
    --bg:#14120e; --surface:#191713; --panel:#201d15; --panel-2:#29251b; --line:#3a3527;
    --text:#f2eddf; --text-2:rgba(242,237,223,.72); --text-3:rgba(242,237,223,.58);
    --brass:#c9a14e; --brass-soft:rgba(201,161,78,.14);
    --approve:#5cad80; --approve-deep:#2f7a50; --approve-soft:rgba(92,173,128,.14);
    --warn:#e0973f; --warn-soft:rgba(224,151,63,.12);
    --danger:#ca675e; --danger-soft:rgba(202,103,94,.12);
    /* Textstufe der Statusfarben für KLEINE Schrift auf den Soft-Flächen: die Basistöne
       erreichen dort keine 4,5:1 (ok 4,06 / danger 3,89, am 15.08.2026 im Browser gemessen). */
    --approve-text:#74c096; --danger-text:#d68f86;
    --info:#8298a7; --info-soft:rgba(130,152,167,.12);
    --slate:#8298a7; --copper:#c77a55; --mark-c:#f2eddf; --mark-dot:#5cad80;
    --recording:#b23c3c; --recording-soft:rgba(178,60,60,.14);
    --on-accent:var(--material-ink); --on-strong:var(--material-paper);
    --font-display:"Cabinet Grotesk",sans-serif; --font-ui:"General Sans","Helvetica Neue",Arial,sans-serif;
    --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
    --font-size-body:14px; --line-height-body:1.5;
    --type-page:25px; --type-section:20px; --type-card:16px; --type-body:14px; --type-secondary:13px; --type-label:12px;
    --leading-tight:1.15; --leading-heading:1.25; --leading-body:1.5;
    --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
    --control-min:44px; --r-sm:7px; --r:10px; --r-lg:14px; --r-xl:18px;
    --content-gutter:24px; --content-gutter-compact:16px; --detail-gutter:22px;
    --side:228px; --agent:384px; --inspector:clamp(560px,58vw,820px);
    --motion-fast:160ms; --motion-standard:240ms; --ease-standard:cubic-bezier(.2,0,0,1);
    --shadow-sheet:-18px 0 48px rgba(0,0,0,.4); --shadow-popover:0 18px 52px rgba(0,0,0,.36); --shadow-modal:0 30px 90px rgba(0,0,0,.6);
    --scrim:rgba(10,8,5,.58); --scrim-soft:rgba(10,8,5,.24);
    --z-content:1; --z-sticky:20; --z-popover:30; --z-assistant:34; --z-savebar:40; --z-drawer:60; --z-dialog:80; --z-toast:90; --z-auth:100; --z-skip:110;
    --fg:var(--text); --muted:var(--text-2); --muted2:var(--text-3); --panel2:var(--panel-2);
    --accent:var(--brass); --accent2:#a88643; --accent-soft:var(--brass-soft);
    --green:var(--approve); --green-deep:var(--approve-deep); --green-soft:var(--approve-soft);
    --amber:var(--warn); --amber-soft:var(--warn-soft); --red:var(--danger); --red-soft:var(--danger-soft);
    --radius:var(--r); --sidebar:var(--side); color-scheme:dark;
  }
  html[data-theme="light"] {
    --bg:#f2eddf; --surface:#f7f3e7; --panel:#fbf8ef; --panel-2:#efe9d8; --line:#d2c8ae;
    --text:#191713; --text-2:#5f5a4c; --text-3:#6e685a;
    --brass:#795b20; --brass-soft:rgba(121,91,32,.12);
    --approve:#2f7a50; --approve-deep:#2f7a50; --approve-soft:rgba(47,122,80,.12);
    --warn:#965619; --warn-soft:rgba(150,86,25,.12);
    --danger:#a8453c; --danger-soft:rgba(168,69,60,.1);
    --approve-text:#266545; --danger-text:var(--danger);
    --info:#506a79; --info-soft:rgba(80,106,121,.1); --slate:#506a79; --copper:#984d2f;
    --recording:#9f302f; --recording-soft:rgba(159,48,47,.12);
    --mark-c:#191713; --mark-dot:#2f7a50; --accent2:#624814;
    /* Der Akzent ist im hellen Theme DUNKEL (Oliv statt Gold) — die Knopfschrift muss deshalb
       HELL sein. Ohne diese Zeile erbte sie die dunkle Tinte des dunklen Themes: 2,84:1 auf
       Primärknöpfen, am 15.08.2026 im Browser nachgemessen. */
    --on-accent:var(--material-paper); color-scheme:light;
  }
  @media (max-width:1060px) { :root { --sidebar:64px; } }
  @media (max-width:760px) {
    :root { --font-size-body:16px; --type-body:16px; --type-secondary:14px; --content-gutter:16px; --detail-gutter:16px; --inspector:100%; }
  }
}