/* Minerale design tokens — KEUCO-style. Values from admin override inline :root */
:root {
  --c-black: #000000;
  --c-white: #FFFFFF;
  --c-accent: #CC5511;
  --c-accent-hover: #B4490E;
  --c-sand: #ADA085;
  --c-success: #07A34B;
  --c-error: #EF2515;
  --g-950: #222624;
  --g-900: #3C403E;
  --g-700: #666A69;
  --g-400: #AAAEAD;
  --g-200: #CCD0CF;
  --g-100: #EEF2F1;
  --bg: var(--g-100);
  --surface: var(--c-white);
  --text: var(--c-black);
  --text-muted: var(--g-700);
  --line: var(--g-200);
  --font: "Onest", Arial, sans-serif;
  --fw-light: 300;
  --fw-semibold: 600;
  --s-1: 4px; --s-2: 8px; --s-3: 16px; --s-4: 24px;
  --s-5: 32px; --s-6: 40px; --s-7: 64px; --s-8: 80px;
  --radius: 0;
  --radius-toast: 16px;
  --line-w: 1px;
  --gutter: 64px;
  --gap: 32px;
  --gap-grid: 24px;
  --header-h: 80px;
  --t: .3s ease;
  --fs-display: 72px;
  --fs-h1: 56px;
  --fs-h2: 48px;
  --fs-h3: 32px;
  --fs-h4: 24px;
  --fs-body: 18px;
  --fs-ui: 16px;
  --fs-btn: 16px;
  --fs-small: 14px;
}
.is-dark {
  --bg: var(--c-black);
  --surface: var(--g-950);
  --text: var(--c-white);
  --text-muted: var(--g-400);
  --line: rgba(255,255,255,.24);
}
.is-graphite { --bg: var(--g-900); --text: var(--c-white); --text-muted: var(--g-400); --line: rgba(255,255,255,.24); }