/**
 * Anne Portfolio design tokens.
 * theme.json exposes editor presets; these semantic aliases serve theme components.
 */
:root {
  --color-neutral-0: #ffffff;
  --color-neutral-50: #f7faf9;
  --color-neutral-200: #d9e2df;
  --color-neutral-600: #4a615a;
  --color-neutral-950: #0a0f0e;
  --color-mint-500: #0ad0a0;
  --color-mint-700: #057a5c;
  --color-coral-500: #ff6b5f;
  --color-violet-500: #7c6cff;
  --color-ochre-600: #b57800;
  --color-canvas: var(--wp--preset--color--canvas, var(--color-neutral-0));
  --color-text: var(--wp--preset--color--ink, var(--color-neutral-950));
  --color-text-muted: var(--wp--preset--color--muted, var(--color-neutral-600));
  --color-surface: var(--wp--preset--color--surface, var(--color-neutral-50));
  --color-action: var(--wp--preset--color--accent-strong, var(--color-mint-700));
  --color-focus: var(--wp--preset--color--accent, var(--color-mint-500));
  --color-error: #b42318;
  --color-success: #067647;
  --font-body: var(--wp--preset--font-family--body, "DM Sans", sans-serif);
  --font-display: var(--wp--preset--font-family--display, "Bricolage Grotesque", sans-serif);
  --font-accent: var(--wp--preset--font-family--tagline, Fraunces, serif);
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-tight: 1.1;
  --line-height-body: 1.7;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-fluid-md: clamp(1.5rem, 3vw, 2.75rem);
  --space-fluid-lg: clamp(3rem, 7vw, 6rem);
  --space-chapter: clamp(6rem, 12vw, 11rem);
  --radius-sm: .5rem;
  --radius-md: 1rem;
  --radius-pill: 999px;
  --border-subtle: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  --shadow-focus: 0 0 0 3px var(--color-focus);
  --layout-gutter: clamp(1.25rem, 4vw, 4rem);
  --layout-reading: 42.5rem;
  --layout-content: 58rem;
  --layout-wide: 82.5rem;
  --layout-bleed: 96rem;
  --breakpoint-sm: 35rem;
  --breakpoint-md: 48.8125rem;
  --breakpoint-lg: 75rem;
  --duration-fast: 120ms;
  --duration-normal: 220ms;
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --z-base: 1;
  --z-header: 20;
  --z-dialog: 100;
  --z-skip-link: 1000;
  --case-accent: var(--color-mint-500);
  --chapter-space: var(--space-chapter);
  --content-space: var(--space-fluid-md);
}

:root[data-color-scheme="dark"] {
  --color-neutral-600: #9ab2aa;
  --color-action: #2fd4a3;
  --color-error: #ffb4ab;
  --color-success: #75e0a7;
}