/* KLARKONFLIKT — Farbsystem (LOCK)
   Nur vier Flächen-/Strichwerte. Keine „fast gleichen“ Beiges. */

:root {
  --bg-main: #f4f1eb;
  --bg-surface: #fffbf7;
  --ink: #0c1222;
  --line: #d4cfc5;

  /* Semantische Aliase — alles darauf mappen */
  --kk-sys-bg: var(--bg-main);
  --kk-sys-surface: var(--bg-surface);
  --kk-sys-ink: var(--ink);
  --kk-sys-line: var(--line);
  --kk-sys-text: var(--ink);
  --kk-sys-primary: var(--ink);
  --kk-sys-accent: var(--ink);
  --kk-sys-accent-bright: var(--ink);

  /* Kein drittes Beige: Mid = Hauptgrund */
  --kk-sys-surface-mid: var(--bg-main);
  --kk-sys-line-strong: var(--line);

  /* Gedämpfter Text nur aus Ink + Grund */
  --kk-sys-sub: color-mix(in srgb, var(--ink) 62%, var(--bg-main));

  --kk-sys-radius: 0.625rem;
  --kk-sys-radius-sm: 0.5rem;
  --kk-sys-radius-button: 0.375rem;
  --kk-sys-radius-control: 0.5rem;
  --kk-sys-measure: 56ch;
  --kk-sys-max: 72rem;

  --kk-sys-shadow: 0 3px 14px rgba(12, 18, 34, 0.09);
  --kk-sys-shadow-nav: 0 2px 10px rgba(12, 18, 34, 0.07);
  --kk-sys-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --kk-sys-ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --kk-sys-shadow-1: var(--kk-sys-shadow);
  --kk-sys-shadow-2: var(--kk-sys-shadow-nav);
  --kk-sys-shadow-topbar: var(--kk-sys-shadow-nav);

  --kk-sys-inset: inset 0 1px 0 rgba(255, 255, 255, 0.65);

  --kk-sys-bg-veil: none;

  /* Hinweise ohne Zusatzfarben: nur Fläche + Linie + Ink */
  --kk-sys-warn: var(--ink);
  --kk-sys-warn-bg: var(--bg-surface);
  --kk-sys-warn-border: var(--line);
  --kk-sys-danger: var(--ink);
  --kk-sys-danger-bg: var(--bg-main);
  --kk-sys-danger-border: var(--line);
  --kk-sys-success: var(--ink);
  --kk-sys-success-bg: var(--bg-main);
  --kk-sys-success-border: var(--line);

  --kk-sys-text-xs: 0.72rem;
  --kk-sys-text-sm: 0.84rem;
  --kk-sys-text-base: 0.94rem;
  --kk-sys-text-lg: 1.02rem;
  --kk-sys-leading-tight: 1.18;
  --kk-sys-leading-body: 1.48;

  --kk-sys-type-display-weight: 800;
  --kk-sys-type-display-track: -0.04em;
  --kk-sys-type-display-lh: 1.08;
  --kk-sys-type-section-weight: 700;
  --kk-sys-type-section-track: -0.03em;
  --kk-sys-type-card-title-weight: 700;
  --kk-sys-type-card-title-size: 0.96rem;
  --kk-sys-type-body-sm: 0.84rem;
  --kk-sys-type-meta-size: 0.72rem;
  --kk-sys-type-meta-track: 0.1em;
}