/*
 * Stil „Pure Minimal“ (UI/UX-Designsystem 2026-10-08, includes/ui_config.php): viel Weißraum, feine Linien, keine Reliefs und
 * keine Kartenschatten. Die Tokens stammen 1:1 aus der Vorlage „Würfel“ (bisher design_cube.css unter data-layout="cube") -
 * die Vorlage „Würfel“ ist jetzt Navigation Würfel + dieser Stil und sieht unverändert aus.
 * Paletten: höchstens 4 Farben (assets/js/palette.js, MINIMAL).
 */

/* ---------- Tokens: hell ---------- */
:root[data-design="minimal"] {
  --c-bg: #ffffff; --c-surface: #ffffff; --c-surface-2: #f4f4f5;
  --c-ink: #3a3b3d; --c-ink-2: #4f5155; --c-muted: #6a6c71; --c-muted-deep: #616368;
  --c-line: #e4e5e7;
  --nm-light: transparent; --nm-dark: rgba(0, 0, 0, .06);
  --nm-1: 0 0 0 1px var(--c-line);
  --nm-2: 0 0 0 1px var(--c-line);
  --nm-3: 0 0 0 1px var(--c-line), 0 10px 30px rgba(20, 22, 26, .08);
  --nm-in: inset 0 0 0 1px var(--c-line);
  --nm-in-deep: inset 0 0 0 1px var(--c-line);
  --nm-face: var(--c-bg); --nm-face-in: var(--c-surface-2);
  --nm-brand-face: var(--c-brand); --nm-brand-face-in: var(--c-brand-deep); --nm-brand-dark: transparent;
  --r-sm: 6px; --r-md: 8px; --r-lg: 10px;
  --cube-halo: rgba(28, 30, 34, .55); --cube-halo-wide: rgba(28, 30, 34, .10);
}
/* ---------- Tokens: dunkel ---------- */
:root[data-design="minimal"][data-theme="dark"] {
  --c-bg: #1c1d1f; --c-surface: #1c1d1f; --c-surface-2: #242528;
  --c-ink: #d6d7d9; --c-ink-2: #c2c4c7; --c-muted: #9a9ca1; --c-muted-deep: #9a9ca1;
  --c-line: #303135;
  --nm-3: 0 0 0 1px var(--c-line), 0 10px 30px rgba(0, 0, 0, .45);
  --cube-halo: rgba(0, 0, 0, .85); --cube-halo-wide: rgba(255, 255, 255, .05);
}
:root[data-design="minimal"] body { background: var(--c-bg); }