/*
==================================================
Font Stack Variables
==================================================
Centralizes font-family definitions so the primary stylesheet can reference
named variables instead of repeating raw font stacks.
*/

:root {
  /* Body copy and global text */
  --font-family-base: 'Rubik', 'Plus Jakarta Sans', 'Noto Sans', sans-serif;

  /* Primary UI sans-serif stack */
  --font-family-sans: 'Noto Sans', sans-serif;

  /* Section headings reuse the sans-serif stack */
  --font-family-heading: var(--font-family-sans);

  /* Components that blend Rubik accent headings with body text */
  --font-family-ui: 'Rubik', 'Noto Sans', sans-serif;

  /* Buttons and interactive controls */
  --font-family-button: var(--font-family-ui);

  /* Inputs that need Plus Jakarta Sans fallback */
  --font-family-input: 'Noto Sans', 'Plus Jakarta Sans', sans-serif;

  /* Placeholder + helper text shares the main sans stack */
  --font-family-placeholder: var(--font-family-sans);
}