/* WKYHB — self-contained design tokens (fonts + colors + type + spacing).
   Inlined so the site/ folder runs standalone. Edit values here. */

/* ============================================================
   WKYHB — Hutchinson Bell · Webfonts
   Google Fonts substitutes for the brand's collateral typefaces.
   - Spectral  : dignified heritage serif (Hutchinson Bell wordmark feel)
   - Archivo   : sturdy grotesque for collegiate headlines & UI
   - Oswald    : condensed display (FLORIDA COLLEGE banner lockups)
   - Kaushan   : brush-script accent (Florida College "Falcons")
   NOTE: substitutes — see readme.md "Fonts" for the originals.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&family=Oswald:wght@400;500;600;700&family=Spectral:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Kaushan+Script&display=swap');

/* ============================================================
   WKYHB — Hutchinson Bell · Color Tokens
   Brand crimson sampled from official logos & banners (#C4122E).
   ============================================================ */
:root {
  /* --- Brand reds --- */
  --bell-crimson:        #C4122E; /* primary — logo roof-strike, WKY pill */
  --bell-crimson-deep:   #9E1B2F; /* faceted shadow / pressed states */
  --bell-crimson-dark:   #7E1626; /* deepest red, on-dark accents */
  --falcon-red:          #E41C3A; /* Florida College "Falcons" bright accent */

  /* --- Ink & gray (logo wordmark + bell) --- */
  --ink:                 #1A1A1A; /* wordmark black */
  --bell-gray:           #717275; /* the cast bell, "Alumni & Friends" subtext */

  /* --- Neutral scale --- */
  --gray-50:   #F7F6F5;
  --gray-100:  #ECEAE8;
  --gray-200:  #DAD7D3;
  --gray-300:  #BCB8B3;
  --gray-400:  #949197;
  --gray-500:  #717275;
  --gray-600:  #565659;
  --gray-700:  #3A3A3C;
  --gray-800:  #242425;
  --gray-900:  #141414;

  --white:     #FFFFFF;
  --paper:     #FBFAF9; /* warm off-white page background */

  /* --- Semantic aliases --- */
  --brand:               var(--bell-crimson);
  --brand-hover:         var(--bell-crimson-deep);
  --brand-active:        var(--bell-crimson-dark);

  --text-strong:         var(--ink);
  --text-body:           #2A2A2B;
  --text-muted:          var(--bell-gray);
  --text-on-brand:       var(--white);
  --text-on-dark:        var(--gray-50);

  --surface:             var(--white);
  --surface-paper:       var(--paper);
  --surface-raised:      var(--white);
  --surface-sunken:      var(--gray-50);
  --surface-crimson:     var(--bell-crimson);
  --surface-ink:         var(--ink);

  --border:              var(--gray-200);
  --border-strong:       var(--gray-300);
  --border-on-dark:      rgba(255,255,255,0.28);

  --focus-ring:          rgba(196,18,46,0.40);

  /* --- Status (kept on-brand; warm, restrained) --- */
  --success:             #2E7D4F;
  --warning:             #C9851F;
  --danger:              var(--bell-crimson);
  --info:                var(--bell-gray);
}

/* ============================================================
   WKYHB — Hutchinson Bell · Typography Tokens
   ============================================================ */
:root {
  /* --- Families --- */
  --font-serif:     'Spectral', Georgia, 'Times New Roman', serif;       /* heritage / formal headings, quotes */
  --font-display:   'Archivo', 'Helvetica Neue', Arial, sans-serif;      /* collegiate headlines, taglines, UI */
  --font-condensed: 'Oswald', 'Archivo Narrow', Impact, sans-serif;      /* banner lockups, eyebrows, stats */
  --font-body:      'Archivo', 'Helvetica Neue', Arial, sans-serif;      /* body copy */
  --font-script:    'Kaushan Script', 'Brush Script MT', cursive;        /* "Falcons"-style accent, sparingly */

  /* --- Weights --- */
  --fw-regular: 400;  /* @kind font */
  --fw-medium:  500;  /* @kind font */
  --fw-semibold:600;  /* @kind font */
  --fw-bold:    700;  /* @kind font */
  --fw-extra:   800;  /* @kind font */
  --fw-black:   900;  /* @kind font */

  /* --- Type scale (1.250 major-third, rem) --- */
  --text-xs:    0.75rem;   /* 12 */
  --text-sm:    0.875rem;  /* 14 */
  --text-base:  1rem;      /* 16 */
  --text-md:    1.125rem;  /* 18 */
  --text-lg:    1.375rem;  /* 22 */
  --text-xl:    1.75rem;   /* 28 */
  --text-2xl:   2.25rem;   /* 36 */
  --text-3xl:   2.875rem;  /* 46 */
  --text-4xl:   3.75rem;   /* 60 */
  --text-5xl:   4.75rem;   /* 76 */

  /* --- Line heights --- */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* --- Letter spacing --- */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.06em;
  --tracking-wider:  0.14em;  /* eyebrows / WESTERN KENTUCKY CHAPTER caps */
}

/* ============================================================
   WKYHB — Hutchinson Bell · Spacing, Radius, Shadow, Motion
   ============================================================ */
:root {
  /* --- Spacing (4px base) --- */
  --space-0:  0;
  --space-1:  0.25rem;  /* 4  */
  --space-2:  0.5rem;   /* 8  */
  --space-3:  0.75rem;  /* 12 */
  --space-4:  1rem;     /* 16 */
  --space-5:  1.5rem;   /* 24 */
  --space-6:  2rem;     /* 32 */
  --space-7:  3rem;     /* 48 */
  --space-8:  4rem;     /* 64 */
  --space-9:  6rem;     /* 96 */

  /* --- Radius --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-xl:   22px;
  --radius-pill: 999px;   /* the WKY chapter pill / capsule */

  /* --- Borders --- */
  --border-w:        1px;
  --border-w-strong: 2px;

  /* --- Shadows (warm, restrained) --- */
  --shadow-sm:  0 1px 2px rgba(26,26,26,0.06), 0 1px 1px rgba(26,26,26,0.04);
  --shadow-md:  0 4px 12px rgba(26,26,26,0.08), 0 2px 4px rgba(26,26,26,0.05);
  --shadow-lg:  0 12px 32px rgba(26,26,26,0.12), 0 4px 10px rgba(26,26,26,0.06);
  --shadow-crimson: 0 8px 24px rgba(196,18,46,0.28);

  /* --- Layout --- */
  --container:   1200px;
  --container-narrow: 760px;

  /* --- Motion --- */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --dur-fast:   140ms;  /* @kind other */
  --dur-base:   220ms;  /* @kind other */
  --dur-slow:   400ms;  /* @kind other */
}