:root {
  color-scheme: dark;

  /* Neutres communs */
  --color-ink-950: #070b13;
  --color-ink-900: #0d1522;
  --color-ink-850: #121d2e;
  --color-ink-700: #314158;
  --color-slate-500: #64748b;
  --color-slate-300: #b8c4d4;
  --color-white-100: #f5f7fa;
  --color-white: #ffffff;

  /* États communs */
  --color-info: #67a0ff;
  --color-success: #75d6aa;
  --color-warning: #e0a45c;
  --color-danger: #ff8f8f;
  --color-focus: #afcbff;
  --color-velrynia-accent: #67a0ff;
  --color-velrynia-action: #1766d9;
  --color-misharu-accent: #e0a45c;
  --color-misharu-action: #8d4815;

  /* Typographie auto-hébergée par le système */
  --font-sans: ui-sans-serif, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", consolas, monospace;
  --font-serif: ui-serif, georgia, "Times New Roman", serif;
  --font-size-00: 0.75rem;
  --font-size-0: 0.875rem;
  --font-size-1: 1rem;
  --font-size-2: 1.125rem;
  --font-size-3: 1.375rem;
  --font-size-4: 1.75rem;
  --font-size-5: 2.25rem;
  --font-size-6: 3rem;
  --font-size-7: clamp(3rem, 7vw, 6.25rem);
  --line-tight: 1.08;
  --line-copy: 1.65;
  --line-longform: 1.75;
  --tracking-tight: -0.035em;
  --tracking-label: 0.14em;

  /* Échelle 4 px */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --radius-1: 0.375rem;
  --radius-2: 0.625rem;
  --radius-3: 1rem;
  --radius-pill: 999px;
  --border-width: 1px;
  --shadow-low: 0 0.75rem 2rem rgb(0 0 0 / 22%);
  --shadow-high: 0 1.875rem 5rem rgb(0 0 0 / 30%);
  --duration-fast: 120ms;
  --duration-standard: 180ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --content-wide: 73.75rem;
  --content-reading: 45rem;
  --content-compact: 32rem;
  --content-preview-copy: 38rem;
  --content-preview-panel: 56rem;
  --content-demo-column: 15rem;
  --control-height-large: 3.5rem;
  --effect-radius-wide: 38rem;

  /* Sémantique commune */
  --bg: var(--color-ink-950);
  --surface: var(--color-ink-900);
  --surface-raised: var(--color-ink-850);
  --border: var(--color-ink-700);
  --text: var(--color-white-100);
  --text-muted: var(--color-slate-300);
  --text-faint: var(--color-slate-500);
  --focus: var(--color-focus);
}

:root,
[data-brand="velrynia"] {
  --brand-accent: var(--color-velrynia-accent);
  --brand-accent-strong: var(--color-velrynia-action);
  --brand-on-accent: var(--color-white);
  --brand-glow: rgb(40 120 255 / 18%);
  --brand-font-display: var(--font-sans);
  --brand-density: var(--space-8);
}

[data-brand="misharu"] {
  --brand-accent: var(--color-misharu-accent);
  --brand-accent-strong: var(--color-misharu-action);
  --brand-on-accent: var(--color-white);
  --brand-glow: rgb(224 164 92 / 16%);
  --brand-font-display: var(--font-serif);
  --brand-density: var(--space-5);
}