/* Cubric Studio — Stage tokens (mauve, warm dusk, OKLCH only)
   Source of truth: c:/AI/Mpi/CubricStudio/docs/redesign/DESIGN.md */

:root {
  /* Surfaces — chrome warmer than canvas */
  --surface-0:       oklch(0.50 0.022 350);
  --surface-1:       oklch(0.46 0.022 350);
  --surface-2:       oklch(0.42 0.022 350);
  --surface-3:       oklch(0.55 0.024 350);
  --surface-bar:     oklch(0.34 0.022 350);
  --surface-canvas:  oklch(0.28 0.020 350);

  /* Ink — warm whites */
  --ink-1:           oklch(0.98 0.008 80);
  --ink-2:           oklch(0.85 0.012 80);
  --ink-3:           oklch(0.66 0.014 80);
  --ink-4:           oklch(0.50 0.018 80);

  /* Lines — translucent */
  --line:            oklch(0.72 0.018 350 / 0.16);
  --line-soft:       oklch(0.72 0.015 350 / 0.08);

  /* Accents */
  --accent-heat:     oklch(0.72 0.20 6);
  --accent-frost:    oklch(0.82 0.13 220);
  --accent-ok:       oklch(0.78 0.13 150);
  --accent-warn:     oklch(0.78 0.14 60);

  /* Type — product-tight register */
  --t-2xs:  10px;
  --t-xs:   11px;
  --t-sm:   13px;
  --t-md:   15px;
  --t-lg:   19px;
  --t-xl:   32px;
  --t-2xl:  64px;
  --t-3xl:  96px;
  --t-display: 144px;

  /* Spacing */
  --s-1:   4px;
  --s-2:   8px;
  --s-3:   14px;
  --s-4:   22px;
  --s-5:   32px;
  --s-6:   48px;
  --s-7:   72px;
  --s-8:   112px;

  /* Radius — sharp */
  --r-1: 0px;
  --r-2: 4px;
  --r-3: 12px;
  --r-pill: 999px;

  /* Motion — cinematic ease-out */
  --ease:    cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:  200ms;
  --t-base:  280ms;
  --t-slow:  480ms;

  /* Layout */
  --header-height:  60px;
  --sidebar-width:  280px;
  --toc-width:      220px;

  color-scheme: dark;
}