/*
Theme Name: BHASNet
Theme URI: https://bhasnet.org
Author: BHASNet
Author URI: https://bhasnet.org
Description: Custom theme for Blood Health Awareness and Support Network of Saskatchewan Incorporated (BHASNet). 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: #F7F3EE;
  --bh-paper-dim: #EDE7DD;
  --bh-red: #D7263D;
  --bh-red-deep: #A91930;
  --bh-amber: #E8A33D;
  --bh-slate: #5C6470;
  --bh-slate-light: #9CA3AF;
  --bh-line: rgba(247, 243, 238, 0.14);
  --bh-line-dark: rgba(11, 11, 14, 0.12);

  /* Type */
  --bh-font-display: 'Fraunces', 'Source Serif 4', Georgia, serif;
  --bh-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bh-font-mono: 'IBM Plex Mono', 'Courier New', 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 */
  --bh-space-xs: 0.5rem;
  --bh-space-sm: 1rem;
  --bh-space-md: 2rem;
  --bh-space-lg: 4rem;
  --bh-space-xl: 7rem;
  --bh-space-2xl: 11rem;

  /* Layout */
  --bh-container: 1320px;
  --bh-container-narrow: 760px;
  --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;
  }
}