/* Kopie aus .claude/skills/talay-brand/assets/talay-tokens.css (npm run quellen). Nicht von Hand ändern. */
/* Talay IT Services – Design-Tokens (aus dem Design System v1, 03.10.2026). Schriften selbst hosten, nicht von Google laden. */
/* Schriften liegen in fonts/ neben dieser Datei. Mit kopieren, Pfade relativ halten. */
@font-face { font-family: "Archivo Condensed"; src: url("/fonts/ArchivoCondensed-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/fonts/Archivo-Variable.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/fonts/IBMPlexMono-Regular.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "IBM Plex Mono"; src: url("/fonts/IBMPlexMono-Medium.woff2") format("woff2"); font-weight: 500; font-display: block; }
:root {
  --ink-50: #f4f6f9;
  --ink-100: #e8ebf1;
  --ink-200: #d2d7e4;
  --ink-300: #b2bacf;
  --ink-400: #8f9bb9;
  --ink-500: #6d7ca3;
  --ink-600: #50628e;
  --ink-700: #384a7c;
  --ink-800: #22346b;
  --ink-900: #17234a;
  --ink-950: #0e1730;
  --neutral-50: #f5f6f9;
  --neutral-100: #eaedf2;
  --neutral-200: #d9dee8;
  --neutral-300: #bec4d1;
  --neutral-400: #969fb0;
  --neutral-500: #778094;
  --neutral-600: #586279;
  --neutral-700: #434d63;
  --neutral-800: #2e374d;
  --neutral-900: #1d263b;
  --neutral-950: #121a2e;
  --copper-50: #fbf3ef;
  --copper-100: #f7e8de;
  --copper-200: #f0d5c4;
  --copper-300: #e3b699;
  --copper-400: #d39266;
  --copper-500: #bc7a51;
  --copper-600: #a96841;
  --copper-700: #9c5b35;
  --copper-800: #6f3f23;
  --copper-900: #522d18;
  --copper-950: #3a1e0e;
  --success: #05773B;
  --success-soft: #E5F5E9;
  --warning: #7C680C;
  --warning-soft: #F4F0E0;
  --danger: #B6322D;
  --danger-soft: #FEEBE8;
  --info: #50628e;
  --info-soft: #f4f6f9;
  --bg: #f5f6f9;
  --surface: #ffffff;
  --surface-2: #eaedf2;
  --line: #d9dee8;
  --line-strong: #bec4d1;
  --control-border: #778094;
  --text: #121a2e;
  --text-muted: #586279;
  --primary: #22346b;
  --primary-hover: #17234a;
  --on-primary: #ffffff;
  --accent: #d39266;
  --accent-strong: #9c5b35;
  --link: #22346b;
  --focus: #6d7ca3;
  --surface-inverse: #0e1730;
  --on-inverse: #f5f6f9;
  --mark-primary: #22346b;
  --mark-secondary: #969fb0;
  --mark-accent: #d39266;
  --app-primary: #22346b;
  --app-primary-hover: #17234a;
  --app-on-primary: #ffffff;
  --app-link: #22346b;
  --app-focus: #6d7ca3;
  --app-row-hover: #f5f6f9;
  --app-row-selected: #e8ebf1;
  --app-active: #22346b;
  --app-active-soft: #d2d7e4;
  --app-raised: #ffffff;
  --app-lane: #eaedf2;
  --app-backdrop: rgba(14, 23, 48, 0.5);
  color-scheme: light;
  --font-display: "Archivo Condensed", "Archivo Narrow", Arial, sans-serif;
  --font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 6px;
  --radius-round: 50%;
  --shadow-sm: 0 1px 2px rgba(14, 23, 48, 0.08);
  --shadow-md: 0 8px 24px rgba(14, 23, 48, 0.10);
  --focus-ring: 0 0 0 2px #f5f6f9, 0 0 0 4px #6d7ca3;
  --app-focus-ring: 0 0 0 2px #f5f6f9, 0 0 0 4px #6d7ca3;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --success: #89D19D;
    --success-soft: #1B3422;
    --warning: #D1BD74;
    --warning-soft: #342E14;
    --danger: #FDA297;
    --danger-soft: #47211D;
    --info: #b2bacf;
    --info-soft: #17234a;
    --bg: #0e1730;
    --surface: #17234a;
    --surface-2: #22346b;
    --line: #22346b;
    --line-strong: #384a7c;
    --control-border: #6d7ca3;
    --text: #f5f6f9;
    --text-muted: #b2bacf;
    --primary: #d39266;
    --primary-hover: #e3b699;
    --on-primary: #0e1730;
    --accent: #d39266;
    --accent-strong: #e3b699;
    --link: #e3b699;
    --focus: #e3b699;
    --surface-inverse: #22346b;
    --on-inverse: #f5f6f9;
    --mark-primary: #ffffff;
    --mark-secondary: #969fb0;
    --mark-accent: #d39266;
    --app-primary: #d2d7e4;
    --app-primary-hover: #e8ebf1;
    --app-on-primary: #0e1730;
    --app-link: #d2d7e4;
    --app-focus: #b2bacf;
    --app-row-hover: rgba(34, 52, 107, 0.5);
    --app-row-selected: #22346b;
    --app-active: #e8ebf1;
    --app-active-soft: #384a7c;
    --app-raised: #384a7c;
    --app-lane: #121c3c;
    --app-backdrop: rgba(0, 0, 0, 0.6);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
    --focus-ring: 0 0 0 2px #0e1730, 0 0 0 4px #e3b699;
    --app-focus-ring: 0 0 0 2px #0e1730, 0 0 0 4px #b2bacf;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --success: #89D19D;
  --success-soft: #1B3422;
  --warning: #D1BD74;
  --warning-soft: #342E14;
  --danger: #FDA297;
  --danger-soft: #47211D;
  --info: #b2bacf;
  --info-soft: #17234a;
  --bg: #0e1730;
  --surface: #17234a;
  --surface-2: #22346b;
  --line: #22346b;
  --line-strong: #384a7c;
  --control-border: #6d7ca3;
  --text: #f5f6f9;
  --text-muted: #b2bacf;
  --primary: #d39266;
  --primary-hover: #e3b699;
  --on-primary: #0e1730;
  --accent: #d39266;
  --accent-strong: #e3b699;
  --link: #e3b699;
  --focus: #e3b699;
  --surface-inverse: #22346b;
  --on-inverse: #f5f6f9;
  --mark-primary: #ffffff;
  --mark-secondary: #969fb0;
  --mark-accent: #d39266;
  --app-primary: #d2d7e4;
  --app-primary-hover: #e8ebf1;
  --app-on-primary: #0e1730;
  --app-link: #d2d7e4;
  --app-focus: #b2bacf;
  --app-row-hover: rgba(34, 52, 107, 0.5);
  --app-row-selected: #22346b;
  --app-active: #e8ebf1;
  --app-active-soft: #384a7c;
  --app-raised: #384a7c;
  --app-lane: #121c3c;
  --app-backdrop: rgba(0, 0, 0, 0.6);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --focus-ring: 0 0 0 2px #0e1730, 0 0 0 4px #e3b699;
  --app-focus-ring: 0 0 0 2px #0e1730, 0 0 0 4px #b2bacf;
  color-scheme: dark;
}

/* Dunkle Fläche (Abschluss, Fuß): Werte des Dark-Blocks oben, erzeugt von npm run quellen */
.dunkel {
  --success: #89D19D;
  --success-soft: #1B3422;
  --warning: #D1BD74;
  --warning-soft: #342E14;
  --danger: #FDA297;
  --danger-soft: #47211D;
  --info: #b2bacf;
  --info-soft: #17234a;
  --bg: #0e1730;
  --surface: #17234a;
  --surface-2: #22346b;
  --line: #22346b;
  --line-strong: #384a7c;
  --control-border: #6d7ca3;
  --text: #f5f6f9;
  --text-muted: #b2bacf;
  --primary: #d39266;
  --primary-hover: #e3b699;
  --on-primary: #0e1730;
  --accent: #d39266;
  --accent-strong: #e3b699;
  --link: #e3b699;
  --focus: #e3b699;
  --surface-inverse: #22346b;
  --on-inverse: #f5f6f9;
  --mark-primary: #ffffff;
  --mark-secondary: #969fb0;
  --mark-accent: #d39266;
  --app-primary: #d2d7e4;
  --app-primary-hover: #e8ebf1;
  --app-on-primary: #0e1730;
  --app-link: #d2d7e4;
  --app-focus: #b2bacf;
  --app-row-hover: rgba(34, 52, 107, 0.5);
  --app-row-selected: #22346b;
  --app-active: #e8ebf1;
  --app-active-soft: #384a7c;
  --app-raised: #384a7c;
  --app-lane: #121c3c;
  --app-backdrop: rgba(0, 0, 0, 0.6);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --focus-ring: 0 0 0 2px #0e1730, 0 0 0 4px #e3b699;
  --app-focus-ring: 0 0 0 2px #0e1730, 0 0 0 4px #b2bacf;
  color-scheme: dark;
}