/*
  ZwischenBlog AP-19
  Datei: assets/styles/tokens.css
  Rolle: führende visuelle Token-Wahrheit für Farben, Modus, Flächen, Abstände, Radien, Typografie und Zustände.
  Grenze: Die Material-3-nahe Anmutung wird hier zentral geführt; keine zweite Farb- oder Typowahrheit in Seiten- oder Scriptdateien.
*/
:root {

  --zb-radius-full: 999px;
  --zb-readable: 780px;
  --zb-bg-elevated: var(--zb-surface);
  --zb-shadow-panel: var(--zb-shadow);

  --dg-bg: #0F0F10;
  --dg-surface: #1B1B1F;
  --dg-surface-elevated: #232327;
  --dg-surface-soft: #18191C;
  --dg-outline: rgba(255,255,255,.08);
  --dg-outline-soft: rgba(255,255,255,.05);
  --dg-text: #EDEAE4;
  --dg-text-soft: #C8C1BA;
  --dg-muted: #8F8A84;
  --dg-radius-card: 22px;
  --dg-radius-pill: 999px;
  --dg-header-height: 56px;
  color-scheme: dark;
  --zb-bg: #0F0F10;
  --zb-bg-glow: rgba(129, 117, 160, .18);
  --zb-surface: #1B1B1F;
  --zb-surface-2: #232327;
  --zb-surface-3: #2A292D;
  --zb-surface-4: #302E31;
  --zb-surface-rgb: 27, 27, 31;
  --zb-ink: #EDEAE4;
  --zb-ink-soft: #C8C1BA;
  --zb-ink-muted: #8F8A84;
  --zb-line: rgba(255,255,255,.08);
  --zb-line-strong: rgba(255,255,255,.14);
  --zb-brand: #C98958;
  --zb-brand-2: #A56D45;
  --zb-brand-3: #3A2E28;
  --zb-on-brand: #16110E;
  --zb-accent-blue: #64d7f7;
  --zb-accent-coral: #c97869;
  --zb-danger: #ffb4ab;
  --zb-warning: #ffcf70;
  --zb-success: #9bd8b4;
  --zb-info: #9fd0ff;
  --zb-focus: rgba(201, 137, 88, .46);
  --zb-shadow: 0 28px 84px rgba(0, 0, 0, .54);
  --zb-shadow-soft: 0 16px 42px rgba(0, 0, 0, .36);
  --zb-card-bg: #1c1b1f;
  --zb-panel-bg: rgba(var(--zb-surface-rgb), .86);
  --zb-panel-bg-soft: rgba(var(--zb-surface-rgb), .70);
  --zb-panel-bg-strong: rgba(var(--zb-surface-rgb), .94);
  --zb-header-bg: rgba(15, 15, 16, .94);
  --zb-header-line: rgba(255,255,255,.08);
  --zb-code-bg: #242228;
  --zb-badge-draft-bg: #29262f;
  --zb-badge-review-bg: #3b311d;
  --zb-badge-published-bg: #183426;
  --zb-badge-archived-bg: #252329;
  --zb-badge-error-bg: #3d211f;
  --zb-badge-warning-bg: #3b311d;
  --zb-badge-ok-bg: #183426;
  --zb-validation-error-bg: #2f1715;
  --zb-validation-warning-bg: #2e2416;
  --zb-validation-ok-bg: #13271c;
  --zb-hero-bg: #1c1b1f;
  --zb-hero-text: #f3eef7;
  --zb-hero-text-soft: #d3ccd9;
  --zb-hero-glow: rgba(207, 188, 255, .24);
  --zb-radius-sm: var(--zb-m3-shape-corner-small);
  --zb-radius-md: var(--zb-m3-shape-corner-medium);
  --zb-radius-lg: var(--zb-m3-shape-corner-large);
  --zb-radius-xl: var(--zb-m3-shape-corner-extra-large);
  --zb-radius-xxl: var(--zb-m3-shape-corner-extra-large);
  --zb-space-1: 4px;
  --zb-space-2: 8px;
  --zb-space-3: 12px;
  --zb-space-4: 16px;
  --zb-space-5: 20px;
  --zb-space-6: 24px;
  --zb-space-8: 32px;
  --zb-space-10: 40px;
  --zb-space-12: 48px;
  /* AP-14 Material-3-Full-Rounded-Metriken: eine führende metrische Wahrheit. */
  --zb-m3-shape-corner-none: 0px;
  --zb-m3-shape-corner-extra-small: 4px;
  --zb-m3-shape-corner-small: 8px;
  --zb-m3-shape-corner-medium: 12px;
  --zb-m3-shape-corner-large: 16px;
  --zb-m3-shape-corner-extra-large: 28px;
  --zb-m3-shape-corner-full: 999px;
  --zb-m3-button-height: 40px;
  --zb-m3-button-padding-inline: 24px;
  --zb-m3-icon-button-size: 40px;
  --zb-m3-nav-rail-width: 80px;
  --zb-m3-topbar-height: 76px;
  --zb-m3-field-height: 56px;
  --zb-m3-state-hover: .08;
  --zb-m3-state-focus: .12;
  --zb-touch: 48px;
  --zb-header-height: var(--zb-m3-topbar-height);
  --zb-rail-width: var(--zb-m3-nav-rail-width);
  --zb-topbar-height: var(--zb-m3-topbar-height);
  --zb-max: 1440px;
  --zb-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --zb-brand-font: "Rajdhani", Inter, ui-sans-serif, system-ui, sans-serif;
  --zb-heading-font: "Genos", Inter, ui-sans-serif, system-ui, sans-serif;
  --zb-font-serif: Georgia, "Times New Roman", serif;
}

:root[data-theme="light"] {
  color-scheme: light;
  --zb-bg: #fffbff;
  --zb-bg-glow: rgba(103, 80, 164, .13);
  --zb-surface: #f7f2fa;
  --zb-surface-2: #eee8f4;
  --zb-surface-3: #e6deec;
  --zb-surface-4: #dcd3e5;
  --zb-surface-rgb: 247, 242, 250;
  --zb-ink: #1d1b20;
  --zb-ink-soft: #49454f;
  --zb-ink-muted: #79747e;
  --zb-line: #e7e0ec;
  --zb-line-strong: #cac4d0;
  --zb-brand: #6750a4;
  --zb-brand-2: #7f67be;
  --zb-brand-3: #eaddff;
  --zb-on-brand: #ffffff;
  --zb-accent-blue: #006a81;
  --zb-accent-coral: #98483d;
  --zb-danger: #b3261e;
  --zb-warning: #7d5700;
  --zb-success: #146c43;
  --zb-info: #00658a;
  --zb-focus: rgba(103, 80, 164, .42);
  --zb-shadow: 0 24px 70px rgba(29, 27, 32, .12);
  --zb-shadow-soft: 0 14px 34px rgba(29, 27, 32, .10);
  --zb-card-bg: #f7f2fa;
  --zb-panel-bg: rgba(var(--zb-surface-rgb), .82);
  --zb-panel-bg-soft: rgba(var(--zb-surface-rgb), .68);
  --zb-panel-bg-strong: rgba(var(--zb-surface-rgb), .94);
  --zb-header-bg: rgba(255, 251, 255, .90);
  --zb-header-line: rgba(231, 224, 236, .90);
  --zb-code-bg: #eee8f4;
  --zb-badge-draft-bg: #f1ecf5;
  --zb-badge-review-bg: #fff3d6;
  --zb-badge-published-bg: #dff4e8;
  --zb-badge-archived-bg: #ece6ef;
  --zb-badge-error-bg: #f9dedc;
  --zb-badge-warning-bg: #fff3d6;
  --zb-badge-ok-bg: #dff4e8;
  --zb-validation-error-bg: #fff4f2;
  --zb-validation-warning-bg: #fff8e6;
  --zb-validation-ok-bg: #effbf4;
  --zb-hero-bg: #f7f2fa;
  --zb-hero-text: #1d1b20;
  --zb-hero-text-soft: #49454f;
  --zb-hero-glow: rgba(103, 80, 164, .16);
}