/*
Theme Name: Club Hockey Theme — MSOE Raiders
Theme URI: https://github.com/connormesec/club-hockey-theme
Author: Connor Mesec
Author URI: https://github.com/connormesec
Description: Standalone WordPress theme for collegiate club hockey teams. Gutenberg-first, with custom blocks for hero, roster, alumni, news, contact form, and more. Integrates with the Puck Press plugin for roster, schedule, stats, and Instagram/game-recap content. Configured for MSOE Raiders Hockey.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: club-hockey-theme
*/

/* ==============================================
   Global Variables — MSOE Raiders palette
   ============================================== */
:root {
  --content-width: 100%;
  --content-max-width: 1280px;
  --content-wide-max-width: 1440px;

  /* Team colors — MSOE Raider Red + Black */
  --primary:         #E0001A;  /* Raider Red */
  --primary-dark:    #A30015;  /* deeper red */
  --primary-soft:    #FFE8EA;  /* red-tinted wash */
  --secondary:       #000000;  /* Black */
  --secondary-light: #1A1A1A;  /* near-black */
  --secondary-dark:  #000000;
  --tertiary:        #000000;  /* ice blue accent */
  --tertiary-dark:   #A30015;;  /* deeper ice */
  --on-primary:      #ffffff;
  --on-secondary:    #ffffff;
  --on-tertiary:     #0d0d0d;

  /* Editorial neutrals */
  --bone:            #fbfaf6;
  --paper:           #ffffff;
  --soft:            #ffffff;
  --line:            rgba(13, 13, 13, 0.10);
  --line-strong:     rgba(13, 13, 13, 0.22);
  --ink:             #0d0d0d;
  --ink-soft:        #2a2a2a;
  --muted-ink:       #5b5b5b;

  /* Type */
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Bebas Neue", "Oswald", Impact, sans-serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  /* Header — light bar on dark page */
  --header-bg:       #ffffff;
  --header-border:   rgba(13, 13, 13, 0.10);
  --header-text:     #0d0d0d;
  --header-muted:    #5b5b5b;
  --header-off-white:#f4f1ea;
  --header-height:   72px;

  /* Surfaces (page body — dark theme) */
  --bg:             #fbfaf6;
  --surface:        #0d0d0d;
  --surface-raised: #1a1a1a;
  --bg-drop:        #000000;
  --border:         rgba(255, 255, 255, 0.08);

  /* Text on dark surfaces */
  --text:           #f5f2ec;
  --text-muted:     rgba(245, 242, 236, 0.78);
  --text-faint:     rgba(245, 242, 236, 0.5);
}

/*
 * All styles are loaded from css/ via wp_enqueue_style in inc/enqueue.php.
 * See CLAUDE.md for architecture details.
 */
