/* ─────────────────────────────
   TOKENS.CSS — Lo Castro global design tokens
   wp-content/themes/twentytwentyfive-child/styles/tokens.css

   The ONLY place --lc-* system tokens are declared. Loaded site-wide as
   a dependency of style.css (see functions.php), so every other
   stylesheet can consume these without redeclaring them.

   Figma names in brackets — the correspondence is semantic, not
   automated. Component-local or editorial values (hero gold, partner
   colours, campaign overlays…) stay in their own component file; see
   docs/design-system-code.md before adding anything here.
   ───────────────────────────── */

:root {
  /* Colour — brand [color/brand/ink] */
  --lc-brand-ink: #4A2F1B;

  /* Colour — surfaces [color/bg, color/surface] */
  --lc-bg: #ffffff;
  --lc-surface: #F2F0EF;

  /* Colour — text [color/text/*] */
  --lc-text: var(--lc-brand-ink);
  --lc-text-muted: #6b6055;
  --lc-text-inverse: #ffffff;

  /* Colour — borders: brand ink at 10 / 18 / 32 % [color/border/*] */
  --lc-border-subtle: rgba(74, 47, 27, 0.10);
  --lc-border-default: rgba(74, 47, 27, 0.18);
  --lc-border-strong: rgba(74, 47, 27, 0.32);
  /* Legacy alias of --lc-border-default — kept so any custom CSS added
     through the WordPress editor keeps working. Use -default in code. */
  --lc-border: var(--lc-border-default);

  /* Colour — states [color/state/*] */
  --lc-state-error: #a33f3f;
  --lc-state-success: #4A7C4A;
  --lc-state-disabled-opacity: 0.35;

  /* Typography [font/display, font/serif]
     Cinzel = labels, buttons, caps UI. Playfair Display = headlines, reading. */
  --lc-font-display: "Cinzel", serif;
  --lc-font-serif: "Playfair Display", serif;

  /* Letter-spacing for uppercase Cinzel labels [tracking/*] */
  --lc-track-default: 0.06em;
  --lc-track-wide: 0.14em;

  /* Shape — the system is square-cornered [radius/none] */
  --lc-radius-none: 0;

  /* Keyboard focus ring [focus/*] */
  --lc-focus-width: 1px;
  --lc-focus-color: rgba(74, 47, 27, 0.4);
  --lc-focus-offset: 3px;
}