/* ─── Fonts ───────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&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 */
  --mesa:      #d6a461;   /* warm tan     — secondary, muted accent */
  --turquoise: #007a86;   /* cool teal    — research 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: #999999;
  --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);

  /* ── 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;

  /* ── 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;

}