/*
 * Design tokens.
 *
 * Loaded on the FRONT END and in the BLOCK EDITOR (via enqueue_block_assets),
 * because content.css resolves var(--ntu-*) on both surfaces. Keeping these in
 * app.css alone left the editor with undefined variables, so shared rules
 * silently fell back to inherited values.
 */

:root {
  --ntu-color-text: #333333;
  --ntu-color-surface: #f9f9f9;
  --ntu-color-accent: #d71440;
  --ntu-color-border: #dfdfdf;
  --ntu-color-subtle: rgba(51, 51, 51, 0.72);
  --ntu-color-footer-bg: #111111;
  --ntu-color-footer-muted: rgba(249, 249, 249, 0.72);
  --ntu-font-sans: "Lato", sans-serif;
  --ntu-font-serif: "Noto Serif", serif;
  --ntu-font-serif-display: "Noto Serif Display", serif;
  --ntu-font-size-nav-desktop: 20px;
  --ntu-font-size-nav-cta: 16px;
  --ntu-font-size-footer-heading-desktop: 20px;
  --ntu-font-size-footer-link-desktop: 16px;
  --ntu-font-size-footer-heading-mobile: 16px;
  --ntu-font-size-footer-link-mobile: 14px;
  --ntu-font-size-footer-meta: 16px;
  --ntu-leading-nav: 1.55;
  --ntu-leading-copy: 1.5;
  --ntu-leading-heading-tight: 1;
  --ntu-space-8: 8px;
  --ntu-space-16: 16px;
  --ntu-space-24: 24px;
  --ntu-space-32: 32px;
  --ntu-space-40: 40px;
  --ntu-space-64: 64px;
  --ntu-space-80: 80px;
}