/* === Global Font Imports === */
@import url('https://fonts.googleapis.com/css2?family=Sigmar&family=Fredoka:wght@300;400;500;600;700&display=swap');

/* === Font Variables === */
:root {
  --font1: 'Sigmar', sans-serif;      /* Sigmar regular */
  --font2: 'Fredoka', sans-serif;     /* NEW body font */

  /* Semantic roles */
  --font-heading: var(--font1);
  --font-body: var(--font2);

  /* Backward compatibility */
  --font-sigmar: var(--font1);
  --font-patrick: var(--font2);       /* mapped but safe */

  /* Font size scale (median-derived) */
  --fs-xs: 0.80rem;
  --fs-sm: 1.05rem;
  --fs-base: 1.30rem;
  --fs-lg: 1.55rem;
  --fs-xl: 2.50rem;

  /* Extended scale for legacy component sizes (centralized) */
  --fs-2xl: 2.00rem;      /* large icon / display subheading */
  --fs-icon: 1.125rem;    /* 18px icon/hamburger sizing */
  --fs-sub: 1.20rem;      /* medium subheading / caret */
  --fs-sub-sm: 0.90rem;   /* compact submenu/link size */
  --fs-ctrl: 1.00rem;     /* form control baseline */

  /* Monospace token for code blocks */
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Helvetica Neue", monospace;

  /* Line-height tokens */
  --lh-tight: 1.2;
  --lh-base: 1.4;
  --lh-loose: 1.6;
}

/* === Heading Font Assignments === */
h1,
h2,
.h2-cyan {
  font-family: var(--font-heading) !important;
}

/* === Body Font Assignments === */
h3,
p,
span,
li,
ul li,
label,
input,
strong,
button,
textarea,
body {
  font-family: var(--font-body) !important;
  font-size: var(--fs-sm) !important;
}

/* (App section font overrides moved to home.css for proper scoping) */

/* Utility for monospace code blocks used across the site */
.mono-code {
  font-family: var(--font-mono) !important;
}

/* (removed) Ampersand fix for Sigmar font - previously used a fullwidth glyph wrapper */

/* Utility: explicitly apply Sigmar regular where needed */
.sigmar-regular {
  font-family: "Sigmar", sans-serif;
  font-weight: 400;
  font-style: normal;
}