/*
Theme Name: Club Hockey - Divi Child
Theme URI: https://github.com/connormesec/club-hockey-theme
Template: Divi
Author: Connor Mesec
Author URI: https://github.com/connormesec
Description: Dark-themed Divi child theme for collegiate club hockey teams. Integrates with Puck Press for roster, schedule, stats, and news.
Version: 1.0.0

*/

/* ==============================================
   Global Variables — Marquette Hockey palette
   ============================================== */
:root {
  --content-width: 100%;
  --content-max-width: 1280px;

  /* Team colors */
  --primary:         #003366;  /* navy */
  --primary-dark:    #002347;  /* deeper navy */
  --primary-soft:    #1a4a85;  /* navy-soft */
  --secondary:       #ffcc00;  /* gold */
  --secondary-light: #ffd633;  /* lighter gold */
  --secondary-dark:  #e6b800;  /* gold-warm for hover/active */
  --tertiary:        #7aa8e4;  /* ice blue accent */
  --tertiary-dark:   #2563a8;  /* deeper ice */
  --on-primary:      #ffffff;
  --on-secondary:    #002347;  /* dark text on gold */
  --on-tertiary:     #002347;  /* dark text on ice */

  /* Editorial neutrals (from Marquette standalone) */
  --bone:            #fbfaf6;
  --paper:           #ffffff;
  --soft:            #f4f1ea;
  --line:            rgba(20, 35, 63, 0.10);
  --line-strong:     rgba(20, 35, 63, 0.22);
  --ink:             #003366;
  --ink-soft:        #4a5573;
  --muted-ink:       #7d8295;

  /* 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 on dark site */
  --header-bg:       #ffffff;
  --header-border:   rgba(20, 35, 63, 0.10);
  --header-text:     #003366;
  --header-muted:    #4a5573;
  --header-off-white:#f4f1ea;

  /* Surfaces (page body — dark theme) */
  --bg:             #fbfaf6;
  --surface:        #002347;
  --surface-raised: #003366;
  --bg-drop:        #001a36;
  --border:         rgba(255, 255, 255, 0.08);

  /* Text */
  --text:           #f0e6cf;
  --text-muted:     rgba(240, 230, 207, 0.78);
  --text-faint:     rgba(240, 230, 207, 0.5);
}

/*
 * All styles are loaded from css/ via wp_enqueue_style in inc/enqueue.php.
 * See CLAUDE.md or README.md for the full list.
 */