/* ─── Fonts ───────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=Fira+Mono:wght@400;500&family=IM+Fell+English:ital@0;1&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');


/* ─── Custom Properties ───────────────────────────────────────────────────── */
:root {

  /* ── UNM Brand colors ──────────────────────────────────────────────────── */
  --sunset:    #ed8b00;   /* amber-orange — hover, highlight */
  --terra:     #c05131;   /* rust-red     — teaching, primary accent */
  --terra-dark: #9a3a1f;  /* deeper rust  — small accent text on light tints (e.g. sketch-info labels) */
  --mesa:      #d6a461;   /* warm tan     — secondary, muted accent */
  --turquoise: #007a86;   /* cool teal    — research accent */
  --indigo:    #4b5f9e;   /* muted blue   — policy accent */
  --cherry:    #ba0c2f;   /* deep red     — footer heart icon via --unm-cherry */
  --unm-cherry: var(--cherry);

  /* ── Neutrals ──────────────────────────────────────────────────────────── */
  --black:      #111111;
  --near-black: #1c1c1c;
  --dark-gray:  #3a3a3a;
  --mid-gray:   #666666;
  --muted-gray: #737373;   /* ≥4.5:1 on white, so small labels stay readable */
  --rule-gray:  #d4d4d4;
  --light-gray: #efefef;
  --off-white:  #f8f8f8;
  --white:      #ffffff;

  /* ── Section color tints ───────────────────────────────────────────────── */
  /* Used for teach/research info boxes and card backgrounds */
  --teach-soft:    rgba(192, 81, 49, 0.07);
  --teach-mid:     rgba(192, 81, 49, 0.20);
  --research-soft: rgba(0, 122, 134, 0.07);
  --research-mid:  rgba(0, 122, 134, 0.20);
  --policy-soft:   rgba(75, 95, 158, 0.07);
  --policy-mid:    rgba(75, 95, 158, 0.20);

  /* ── Shadows ───────────────────────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* ── Caveat display sizes ──────────────────────────────────────────────── */
  /* Caveat is the handwritten font used for card titles and eyebrow labels */
  --caveat-display: clamp(1.7rem, 2.4vw, 2.15rem);
  --caveat-label:   clamp(1.25rem, 1.8vw, 1.55rem);

  /* ── Fonts ─────────────────────────────────────────────────────────────── */
  --font-mono:    'Fira Mono', 'Consolas', 'Menlo', monospace;
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-serif:   'IM Fell English', Georgia, serif;

  /* ── Type scale ────────────────────────────────────────────────────────── */
  /* Every fixed font-size in the stylesheets uses one of these. Headings and
     display type use their own clamp() values. */
  --text-label: 0.72rem;   /* uppercase mono labels, tags, meta (the floor) */
  --text-xs:    0.8rem;    /* captions, card meta values, footer, nav brand */
  --text-sm:    0.9rem;    /* summaries, secondary text, license box */
  --text-md:    1rem;      /* callouts, prompts, summary box values */
  --text-base:  1.125rem;  /* body prose (18px) */
  --text-lg:    1.25rem;   /* lede paragraphs */
  --text-xl:    1.4rem;    /* page-header subtitle */
  --text-2xl:   1.75rem;   /* large icon glyphs */

  /* ── Spacing scale ─────────────────────────────────────────────────────── */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;

  /* ── Aliases used by template includes ─────────────────────────────────── */
  --text-muted:       var(--muted-gray);
  --text-body:        var(--dark-gray);
  --accent-primary:   var(--terra);
  --bg-page:          var(--white);
  --bg-card:          var(--off-white);
  --border-light:     var(--rule-gray);
  --golden-clay:      var(--mesa);
  --radius-md:        4px;
  --transition-fast:  0.15s ease;

}