/* Studio design tokens. Raw design decisions live here; component CSS only consumes semantic variables. */
:root[data-skin="graza"] {
  color-scheme: light;
  overflow-x: clip;

  --graza-cream: oklch(93.783% 0.02621 71.19);
  --graza-tint: oklch(87.448% 0.0457 69.33);
  --graza-ink: oklch(29.194% 0.04694 145.28);
  --graza-lime: oklch(90.065% 0.20002 115.87);
  --graza-coral: oklch(70.923% 0.18564 34.78);
  /* Brand coral at pastel card weight: ink AAA (7.34), muted AA (4.64). */
  --graza-coral-tint: oklch(82% 0.12 34.78);
  /* Rose highlight for the journal bibliography: ink AAA (8.34), muted AA (5.27). */
  --graza-pink: oklch(85% 0.09 5);
  --graza-yellow: oklch(86.884% 0.13035 88.44);
  --graza-sky: oklch(84.433% 0.05933 211.05);
  --graza-hero-deep-ink: oklch(19.934% 0.02228 158.02);
  --graza-media-paper: oklch(98% 0.008 71.19);
  --graza-accent-ink: var(--graza-ink);

  --graza-line: color-mix(in oklch, var(--graza-ink) 66%, transparent);
  --graza-rule: color-mix(in oklch, var(--graza-ink) 28%, transparent);
  --graza-rule-on-dark: color-mix(in oklch, var(--graza-cream) 28%, transparent);
  --graza-cream-glow-soft: color-mix(in oklch, var(--graza-cream) 16%, transparent);
  --graza-cream-glow-faint: color-mix(in oklch, var(--graza-cream) 5%, transparent);
  --graza-cream-glow-halo: color-mix(in oklch, var(--graza-cream) 32%, transparent);
  --graza-hero-scrim-strong: color-mix(in oklch, var(--graza-hero-deep-ink) 78%, transparent);
  --graza-hero-scrim-mid: color-mix(in oklch, var(--graza-hero-deep-ink) 60%, transparent);
  --graza-hero-scrim-edge: color-mix(in oklch, var(--graza-hero-deep-ink) 68%, transparent);
  --graza-hero-scrim-floor: color-mix(in oklch, var(--graza-hero-deep-ink) 72%, transparent);
  --graza-panel-translucent: color-mix(in oklch, var(--graza-cream) 94%, transparent);
  --graza-control-on-dark: color-mix(in oklch, var(--graza-hero-deep-ink) 72%, transparent);
  --graza-control-rule-on-dark: color-mix(in oklch, var(--graza-cream) 72%, transparent);
  --graza-field-surface: color-mix(in oklch, var(--graza-cream) 72%, transparent);

  --graza-font-display: Georgia, "Times New Roman", serif;
  --graza-font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --graza-font-mono: var(--graza-font-body);
  --graza-type-label: 0.8125rem;
  --graza-type-ui: 0.875rem;
  --graza-type-section: clamp(2.75rem, calc(2rem + 3.5vw), 5.5rem);
  --graza-type-hero: clamp(3.25rem, calc(2rem + 5vw), 6.5rem);
  --graza-mark-compact-block-size: 2.25rem;
  --graza-mark-block-size: 2.75rem;

  --graza-space-section-tight: clamp(4.25rem, 6vw, 6rem);
  --graza-space-section-standard: clamp(5rem, 8vw, 8rem);
  --graza-space-section-expansive: clamp(6rem, 10vw, 10rem);
  --graza-duration-fast: 150ms;
  --graza-ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Shared Lab selectors still consume these aliases under Studio. */
  --coral: oklch(47.376% 0.15188 35.17);
  --coral-dark: oklch(40.257% 0.12916 36.41);
  --cream: var(--graza-cream);
  --ink: var(--graza-ink);
  /* 41% keeps muted text at AA on every light fill, including coral-tint. */
  --muted: oklch(41% 0.03365 134.03);
  --navy: var(--graza-ink);
  --border: var(--graza-ink);
  --shadow: 5px 5px 0 var(--graza-ink);
  --shadow-coral: 7px 7px 0 var(--graza-coral);
  --shadow-soft: none;
}