/*
Theme Name: BHASNet
Theme URI: https://bhasnet.org
Author: BHASNet
Author URI: https://bhasnet.org
Description: Custom theme for the Blood Health Awareness and Support Network (BHASNet), based in Saskatchewan. Bold, identity-first advocacy site with hardcoded page templates and a reserved blank template for the future BHASNet platform plugin.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bhasnet
*/

/* ==========================================================================
   DESIGN TOKENS
   ========================================================================== */

:root {
  /* Color */
  --bh-ink: #0B0B0E;
  --bh-ink-soft: #16161B;
  --bh-paper: #FFFFFF;
  --bh-paper-dim: #F2F1EF;
  --bh-red: #D7263D;
  --bh-red-deep: #A91930;
  --bh-amber: #E8A33D;
  --bh-slate: #5C6470;
  --bh-slate-light: #9CA3AF;
  --bh-line: rgba(255, 255, 255, 0.14);
  --bh-line-dark: rgba(11, 11, 14, 0.12);

  /* Type */
  --bh-font-display: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bh-font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bh-font-mono: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* repurposed as the label/eyebrow face — no longer an actual monospace */

  /* Type scale (fluid) */
  --bh-size-display: clamp(2.75rem, 6vw, 6.5rem);
  --bh-size-h1: clamp(2.25rem, 4.5vw, 4rem);
  --bh-size-h2: clamp(1.75rem, 3vw, 2.75rem);
  --bh-size-h3: clamp(1.25rem, 2vw, 1.75rem);
  --bh-size-body-lg: clamp(1.125rem, 1.4vw, 1.375rem);
  --bh-size-body: 1.0625rem;
  --bh-size-small: 0.875rem;
  --bh-size-micro: 0.75rem;

  /* Spacing — trimmed moderately in 1.4.0 (was xs:0.5 sm:1 md:2 lg:4
     xl:7 2xl:11rem) for a tighter, denser feel site-wide. Still a real
     scale with room to breathe, just noticeably less padding than the
     original, which ran unusually generous (7-11rem between major
     sections). */
  --bh-space-xs: 0.5rem;
  --bh-space-sm: 1rem;
  --bh-space-md: 1.75rem;
  --bh-space-lg: 3rem;
  --bh-space-xl: 4.5rem;
  --bh-space-2xl: 6rem;

  /* Layout */
  --bh-container: 1200px;
  --bh-container-narrow: 720px;
  --bh-radius: 2px;

  /* Motion */
  --bh-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --bh-duration: 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}