/*
 * Token aliases.
 *
 * theme.json is the single source of truth; WordPress emits it as
 * --wp--preset--*. This file gives those long names short semantic aliases and
 * supplies a literal fallback so the theme still renders if Global Styles is
 * ever dequeued. Nothing else in the CSS may contain a raw colour or size.
 *
 * Allowed use per token and the forbidden pairs are documented in TOKENS.md.
 */

:root {
  /* Colour */
  --k-ink:            var(--wp--preset--color--ink, #14120F);
  --k-ink-muted:      var(--wp--preset--color--ink-muted, #5C554B);
  --k-paper:          var(--wp--preset--color--paper, #FBFAF7);
  --k-paper-sunk:     var(--wp--preset--color--paper-sunk, #F4F0E8);
  --k-surface:        var(--wp--preset--color--surface, #FFFFFF);
  --k-forest:         var(--wp--preset--color--forest, #14372A);
  --k-forest-deep:    var(--wp--preset--color--forest-deep, #0D241B);
  --k-forest-tint:    var(--wp--preset--color--forest-tint, #E8EDE9);
  --k-brass:          var(--wp--preset--color--brass, #B08D57);
  --k-brass-text:     var(--wp--preset--color--brass-text, #8A6D3F);
  --k-brass-on-forest:var(--wp--preset--color--brass-on-forest, #B59461);
  --k-rose:           var(--wp--preset--color--rose, #C2185B);
  --k-rose-deep:      var(--wp--preset--color--rose-deep, #9E1249);
  --k-rule:           var(--wp--preset--color--rule, #E0D9CD);
  --k-rule-strong:    var(--wp--preset--color--rule-strong, #948775);

  /* Type */
  --k-font-display: var(--wp--preset--font-family--display, "Cormorant Garamond", Georgia, serif);
  --k-font-body:    var(--wp--preset--font-family--body, "Plus Jakarta Sans", system-ui, sans-serif);

  --k-size-meta:    var(--wp--preset--font-size--meta, 0.75rem);
  --k-size-small:   var(--wp--preset--font-size--small, 0.9375rem);
  --k-size-body:    var(--wp--preset--font-size--body, 1.0625rem);
  --k-size-lead:    var(--wp--preset--font-size--lead, 1.25rem);
  --k-size-h3:      var(--wp--preset--font-size--heading-3, 1.375rem);
  --k-size-h2:      var(--wp--preset--font-size--heading-2, 2rem);
  --k-size-h1:      var(--wp--preset--font-size--heading-1, 2.5rem);
  --k-size-display: var(--wp--preset--font-size--display, clamp(2.75rem, 5vw + 1rem, 4.5rem));

  /* Spacing */
  --k-space-1: var(--wp--preset--spacing--10, 0.5rem);
  --k-space-2: var(--wp--preset--spacing--20, 0.75rem);
  --k-space-3: var(--wp--preset--spacing--30, 1rem);
  --k-space-4: var(--wp--preset--spacing--40, 1.5rem);
  --k-space-5: var(--wp--preset--spacing--50, 2rem);
  --k-space-6: var(--wp--preset--spacing--60, 3rem);
  --k-space-7: var(--wp--preset--spacing--70, 4rem);
  --k-space-8: var(--wp--preset--spacing--80, 6rem);

  /* Measure, radius, motion. Radius stays near-square: the sharp corner is
     part of the editorial voice and distinguishes it from pill-button themes. */
  --k-measure: 68ch;
  --k-radius: 2px;
  --k-radius-lg: 3px;
  --k-tracking-wide: 0.14em;
  --k-duration: 200ms;
  --k-ease: cubic-bezier(0.2, 0.7, 0.3, 1);

  /* Layout */
  --k-container: 82.5rem;
  --k-container-narrow: 46rem;
  --k-gutter: clamp(1.25rem, 4vw, 3rem);
}

@media (prefers-reduced-motion: reduce) {
  :root { --k-duration: 1ms; }
}