/* =============================================================
   Guilford College — Shared Brand Tokens
   Used across all four redesign concepts.
   ============================================================= */

:root {
  /* Brand palette
     Crimson is the historic Guilford Quakers color.
     Forest + sage nod to the 349-acre wooded campus.
     Cream/bone neutrals soften the academic feel. */
  --gc-crimson:        #981b36;   /* Official Guilford Maroon — PMS 187 (brand book p.16) */
  --gc-crimson-deep:   #6e1228;   /* darker shade of PMS 187 for gradients */
  --gc-crimson-tint:   #f3e1e2;
  --gc-forest:         #2d4a3e;
  --gc-forest-deep:    #1a2f25;
  --gc-sage:           #6b8e7f;
  --gc-cream:          #f5f1e8;
  --gc-bone:           #faf7f0;
  --gc-paper:          #ffffff;
  --gc-ink:            #1a1d23;
  --gc-slate:          #475569;
  --gc-stone:          #94a3b8;
  --gc-mist:           #e5e7eb;
  --gc-gold:           #c9a961;   /* accent for "the Commitment" */
  --gc-green:          #2f7350;   /* institutional green — Concept D lead accent (nav band, wayfinding) */
  --gc-green-deep:     #1e5136;   /* darker green for gradients/hovers */

  /* Typography */
  --font-display: "Playfair Display", "Iowan Old Style", "Apple Garamond", Georgia, serif;
  --font-serif:   "Source Serif Pro", "Iowan Old Style", Georgia, serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* Type scale (modular, base 16) */
  --fs-50: 0.75rem;     /* 12 */
  --fs-100: 0.875rem;   /* 14 */
  --fs-200: 1rem;       /* 16 */
  --fs-300: 1.125rem;   /* 18 */
  --fs-400: 1.25rem;    /* 20 */
  --fs-500: 1.5rem;     /* 24 */
  --fs-600: 2rem;       /* 32 */
  --fs-700: 2.75rem;    /* 44 */
  --fs-800: 3.75rem;    /* 60 */
  --fs-900: 5rem;       /* 80 */
  --fs-1000: 6.5rem;    /* 104 */

  /* Spacing scale */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* Layout */
  --maxw-content: 1240px;
  --maxw-text:    72ch;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 150ms;
  --dur:      280ms;
}