/*
 * tokens.css
 *
 * Aliases the CSS custom properties WordPress generates from theme.json
 * (--wp--preset--*, --wp--custom--*, --wp--style--global--*) into short,
 * readable names for component CSS. theme.json remains the single source
 * of truth — every alias below references an existing WP-generated
 * variable; no raw values are duplicated here.
 *
 * See PRVNT-IMPLEMENTATION-PLAN.md Section 4.
 */

:root {
  /* Colors — theme.json settings.color.palette */
  --prvnt-teal: var(--wp--preset--color--prvnt-teal);
  --prvnt-dark-teal: var(--wp--preset--color--prvnt-dark-teal);
  --prvnt-black: var(--wp--preset--color--prvnt-black);
  --prvnt-white: var(--wp--preset--color--prvnt-white);
  --prvnt-surface: var(--wp--preset--color--prvnt-surface);
  --prvnt-body: var(--wp--preset--color--prvnt-body);

  /* Font families — theme.json settings.typography.fontFamilies */
  --font-display: var(--wp--preset--font-family--teko);   /* headings */
  --font-ui: var(--wp--preset--font-family--rajdhani);     /* nav / buttons / labels */
  --font-body: var(--wp--preset--font-family--inter);      /* body copy */

  /* Layout widths — theme.json settings.layout + settings.custom.container */
  --container-reading: var(--wp--style--global--content-size); /* ~780px, article/blog reading column */
  --container-max: var(--wp--custom--container--max);          /* 1280px, approved homepage grid */
  --gutter: var(--wp--custom--container--gutter);               /* fluid horizontal gutter */
  --section-space: var(--wp--custom--section--spacing);         /* fluid vertical section rhythm */

  /* Spacing scale — theme.json settings.spacing.spacingSizes */
  --space-xs: var(--wp--preset--spacing--xs);
  --space-sm: var(--wp--preset--spacing--sm);
  --space-md: var(--wp--preset--spacing--md);
  --space-lg: var(--wp--preset--spacing--lg);
  --space-xl: var(--wp--preset--spacing--xl);
  --space-2xl: var(--wp--preset--spacing--2-xl); /* WP kebab-cases the "2xl" slug to "2-xl" */

  /* Radius — theme.json settings.custom.radius (restrained, no pill defaults) */
  --radius-sm: var(--wp--custom--radius--sm);
  --radius-md: var(--wp--custom--radius--md);
}