/* assets/css/color-scheme.css */

/* ---------- Design tokens (global + Sharks default) ---------- */

:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Arial, sans-serif;

  /* Core app surfaces (neutral, dark) */
  --bg-main:        #020617; /* page background under everything */
  --bg-surface:     #0b1220; /* cards / panels – dark neutral */
  --bg-surface-alt: #111827; /* subtle alt surface */

  /* Text */
  --text-main:  #f9fafb;
  --text-muted: #cbd5f5;

  /* Borders */
  --border-subtle: rgba(148, 163, 184, 0.4);
  --border-strong: rgba(15, 23, 42, 0.9);

  /* Semantic */
  --danger-bg:     rgba(248, 113, 113, 0.18);
  --danger-border: rgba(248, 113, 113, 0.8);

  /* Layout-level backgrounds (shared by all teams) */
  --page-bg: radial-gradient(
               circle at 0% 0%,
               #020617 0%,
               #020617 30%,
               #000000 100%
             );

  /* “Plate” under content (site-main).
     Middle of the gradient is always tinted by the CURRENT TEAM’S
     --accent-primary-soft, so each team gets its own subtle wash. */
  --site-main-bg: radial-gradient(
                    circle at 0% 0%,
                    rgba(255, 255, 255, 0.05) 0%,
                    transparent 45%
                  ),
                  linear-gradient(
                    180deg,
                    rgba(0, 0, 0, 0.96) 0%,
                    var(--accent-primary-soft) 52%,
                    rgba(0, 0, 0, 0.98) 100%
                  );

  /* Card surfaces (threads, stats panels, posts, etc.) */
  --card-bg:     rgba(15, 23, 42, 0.96);
  --card-border: rgba(15, 23, 42, 0.96);

  /* Subtle chips / tabs / pills */
  --chip-bg:     rgba(15, 23, 42, 0.9);
  --chip-border: rgba(148, 163, 184, 0.5);
}

/* ========= Team theme overrides ========= */
/* Each team only overrides color tokens. Layout tokens like
   --page-bg, --site-main-bg, --card-bg stay shared so the app
   feels cohesive, but the tint and accents change by team. */

/* “All teams” – neutral league mode */
body.team-all {
  --shark-teal:   #4b5a6b;
  --shark-orange: #d0d7e2;
  --shark-green:  #4b5a6b;
  --shark-deep:   #151922;
  --shark-slate:  #a3afc1;

  --accent-primary:        #151922;
  --accent-primary-soft:   rgba(208, 215, 226, 0.18);
  --accent-primary-border: rgba(208, 215, 226, 0.9);

  --accent-secondary:      #8b96a8;
  --accent-secondary-soft: rgba(139, 150, 168, 0.22);
}

/* Anaheim Ducks */
body.team-ana {
  --shark-teal:   #0a0a0a;
  --shark-orange: rgba(244, 122, 56, 0.66);
  --shark-green:  #f47a38;
  --shark-deep:   #0a0a0a;
  --shark-slate:  #ffffff;

  --accent-primary:        #0a0a0a;
  --accent-primary-soft:   rgba(244, 122, 56, 0.18);
  --accent-primary-border: rgba(244, 122, 56, 0.9);
  --border-subtle:#f47a38;
  --accent-secondary:      #f47a38;
  --accent-secondary-soft: rgba(244, 122, 56, 0.66);
}

/* Arizona Coyotes – warm brick, no purple */
body.team-ari {
  --shark-teal:   #8c2633;
  --shark-orange: #e2d6b5;
  --shark-green:  #5e8b3d;
  --shark-deep:   #111111;
  --shark-slate:  #c5b9a1;

  --accent-primary:        #8c2633;
  /* lightened version of team red */
  --accent-primary-soft:   rgba(140, 38, 51, 0.9);
  --accent-primary-border: rgba(140, 38, 51, 0.9);

  --accent-secondary:      #e2d6b5;
  --accent-secondary-soft: rgba(226, 214, 181, 0.22);
}

/* Boston Bruins */
body.team-bos {
  --shark-teal:   #000000;
  --shark-orange: rgba(255, 184, 28, 0.66);
  --shark-green:  #ffb81c;
  --shark-deep:   #000000;
  --shark-slate:  #c2a86b;

  --accent-primary:        #111111;
  --accent-primary-soft:   rgba(255, 184, 28, 0.24);
  --accent-primary-border: rgba(255, 184, 28, 0.9);

  --accent-secondary:      #ffb81c;
  --accent-secondary-soft: rgba(255, 184, 28, 0.66);
}

/* Buffalo Sabres */
body.team-buf {
  --shark-teal:   rgba(0, 38, 84, 0.66);
  --shark-orange: rgba(252, 181, 20, 0.66);
  --shark-green:  #fcb514;
  --shark-deep:   #001632;
  --shark-slate:  #9fa8b4;
  --border-subtle: #ffffff;
  --accent-primary:        #002654;
  --accent-primary-soft:   rgba(0, 38, 84, 0.66);
  --accent-primary-border: rgba(0, 38, 84, 0.66);

  --accent-secondary:      #fcb514;
  --accent-secondary-soft: rgba(252, 181, 20, 0.66);
}

/* Carolina Hurricanes – bright red wash, not wine */
body.team-car {
  --shark-teal:   #111111;
  --shark-orange: rgba(219, 76, 76, 0.66);
  --shark-green:  #a8a8a8;
  --shark-deep:   #111111;
  --shark-slate:  #bbbbbb;
  --border-subtle: #a8a8a8;
  --accent-primary:        #cc0000;
  /* lightened #cc0000 */
  --accent-primary-soft:   rgba(204, 0, 0, 0.9);
  --accent-primary-border: rgba(204, 0, 0, 0.9);
  --border-subtle: #a8a8a8;
  --accent-secondary:      #111111;
  --accent-secondary-soft: #111111;
}

/* Columbus Blue Jackets */
body.team-cbj {
  --shark-teal:   rgba(0, 38, 84, 0.66);
  --shark-orange: rgba(206, 17, 38, 0.66);
  --shark-green:  #ce1126;
  --shark-deep:   #00152f;
  --shark-slate:  #9fa8b4;
  --border-subtle: #ffffff;
  --accent-primary:        #002654;
  --accent-primary-soft:   rgba(0, 38, 84, 0.26);
  --accent-primary-border: rgba(0, 38, 84, 0.9);

  --accent-secondary:      #ce1126;
  --accent-secondary-soft: rgba(206, 17, 38, 0.66);
}

/* Calgary Flames – hot red, no maroon */
body.team-cgy {
  --shark-teal:   #000000;
  --shark-orange: rgba(200, 16, 46, 0.66);
  --shark-green:  #f1be48;
  --shark-deep:   #7a000b;
  --shark-slate:  #f7ddb1;

  --accent-primary:        #c8102e;
  /* lightened #c8102e */
  --accent-primary-soft:   rgba(200, 16, 46, 0.9);
  --accent-primary-border: rgba(200, 16, 46, 0.9);
  --border-subtle: #f1be48;
  --accent-secondary:      #f1be48;
  --accent-secondary-soft: #000000;
}

/* Chicago Blackhawks – warmer scarlet */
body.team-chi {
  --shark-teal:   #111111;
  --shark-orange: rgba(207, 10, 44, 0.9);
  --shark-green:  #00a94f;
  --shark-deep:   #111111;
  --shark-slate:  #f2c94c;

  --accent-primary:        #cf0a2c;
  /* lightened #cf0a2c */
  --accent-primary-soft:   rgba(207, 10, 44, 0.9);
  --accent-primary-border: #f2c94c;
  --border-subtle: #f2c94c;
  --accent-secondary:      rgba(0, 169, 79, .66);
  --accent-secondary-soft: rgba(0, 169, 79, .66);
}

/* Colorado Avalanche – the one team that *stays* maroon */
body.team-col {
  --shark-teal:   #6f263d;
  --shark-orange: #236192;
  --shark-green:  #a4a9ad;
  --shark-deep:   #1b1b1b;
  --shark-slate:  #c0c5ce;
  --border-subtle: #ffffff;
  --accent-primary:        #6f263d;
  --accent-primary-soft:   rgba(111, 38, 61, 0.66); /* maroon is intentional */
  --accent-primary-border: rgba(111, 38, 61, 0.9);

  --accent-secondary:      #236192;
  --accent-secondary-soft: rgba(35, 97, 146, 0.66);
}

/* Dallas Stars */
body.team-dal {
  --shark-teal:   #111111;
  --shark-orange: rgba(0, 104, 71, 0.9);
  --shark-green:  #006847;
  --shark-deep:   #111111;
  --shark-slate:  #c0c0c0;
  --border-subtle: #ffffff;
  --accent-primary:        #006847;
  --accent-primary-soft:   rgba(0, 104, 71, 0.24);
  --accent-primary-border: rgba(0, 104, 71, 0.9);
  --border-subtle: rgba(192, 192, 192, 1);
  --accent-secondary:      rgba(0, 104, 71, 0.9);
  --accent-secondary-soft: rgba(192, 192, 192, 0.66);
}

/* Detroit Red Wings – classic bright red */
body.team-det {
  --shark-teal:   rgba(255, 255, 255, 0.2);
  --shark-orange: rgba(206, 17, 38, 0.9);
  --shark-green:  #080707;
  --shark-deep:   #7a0010;
  --shark-slate:  #f4cccc;
  /* --border-subtle: #FFFFFF; */
  --accent-primary:        #ce1126;
  /* lightened #ce1126 */
  --accent-primary-soft:   rgba(206, 17, 38, 0.9);
  --accent-primary-border: rgba(206, 17, 38, 0.9);
--border-subtle: #ffffff;
  --accent-secondary:      #ffffff;
  --accent-secondary-soft: rgba(255, 255, 255, 0.2);
}

/* Edmonton Oilers */
body.team-edm {
  --shark-teal:   rgba(0, 32, 91, 0.66);
  --shark-orange: rgba(255, 76, 0, 0.68);
  --shark-green:  #004b8d;
  --shark-deep:   #001332;
  --shark-slate:  #9fa8b4;
  --border-subtle:#ffffff;
  --accent-primary:        #00205b;
  --accent-primary-soft:   rgba(0, 32, 91, 0.26);
  --accent-primary-border: rgba(0, 32, 91, 0.9);

  --accent-secondary:      #ff4c00;
  --accent-secondary-soft: rgba(255, 76, 0, 0.68);
}

/* Florida Panthers – red wash based on their red */
body.team-flo {
  --shark-teal:   rgba(185, 151, 91, 0.66);
  --shark-orange: rgba(200, 16, 46, 0.66);
  --shark-green:  #c8102e;
  --shark-deep:   #041021;
  --shark-slate:  #cbb89c;
  --border-subtle: #c8102e;
  --accent-primary:        #c8102e;
  /* lightened #c8102e */
  --accent-primary-soft:   #c8102e;
  --accent-primary-border: #c8102e;

  --accent-secondary:      #b9975b;
  --accent-secondary-soft: rgba(185, 151, 91, 0.66);
}

/* Los Angeles Kings */
body.team-lak {
  --shark-teal:   rgba(17, 17, 17, 0.66);
  --shark-orange: rgba(162, 170, 173, 0.66);
  --shark-green:  #ffffff;
  --shark-deep:   #000000;
  --shark-slate:  #a2aaad;

  --accent-primary:        #111111;
  --accent-primary-soft:   rgba(162, 170, 173, 0.66);
  --accent-primary-border: rgba(17, 17, 17, 0.66);

  --accent-secondary:      #a2aaad;
  --accent-secondary-soft: rgba(162, 170, 173, 0.66);
}

/* Minnesota Wild */
body.team-min {
  --shark-teal:   rgba(21, 71, 52, 0.66);
  --shark-orange: rgba(166, 25, 46, 0.66);
  --shark-green:  #eaaa00;
  --shark-deep:   #0b261c;
  --shark-slate:  #c7d4c3;
  --border-subtle: #eaaa00;
  --accent-primary:        #154734;
  --accent-primary-soft:   rgba(21, 71, 52, 0.66);
  --accent-primary-border: rgba(21, 71, 52, 0.66);

  --accent-secondary:      #a6192e;
  --accent-secondary-soft: rgba(166, 25, 46, 0.66);
}

/* Montréal Canadiens – softer Habs red */
body.team-mtl {
  --shark-teal:   rgba(0, 62, 126, 0.66);
  --shark-orange: rgba(166, 25, 46, 0.66);
  --shark-green:  #ffffff;
  --shark-deep:   #001633;
  --shark-slate:  #c9ced9;
  --border-subtle: #ffffff;
  --accent-primary:        #a6192e;
  --accent-primary-soft:   rgba(166, 25, 46, 0.66);
  --accent-primary-border: rgba(166, 25, 46, 0.66);

  --accent-secondary:      #003e7e;
  --accent-secondary-soft: rgba(0, 62, 126, 0.66);
}

/* New Jersey Devils – bright Devils red */
body.team-njd {
  --shark-teal:   rgba(0, 99, 65, 0.66);
  --shark-orange: rgba(224, 58, 62, 0.66);
  --shark-green:  #ffffff;
  --shark-deep:   #111111;
  --shark-slate:  #c9d0c9;
  --border-subtle: #ffffff;
  --accent-primary:        #e03a3e;
  /* lightened #e03a3e */
  --accent-primary-soft:   rgba(224, 58, 62, 0.66);
  --accent-primary-border: rgba(224, 58, 62, 0.66);

  --accent-secondary:      #006341;
  --accent-secondary-soft: rgba(0, 99, 65, 0.66);
}

/* Nashville Predators */
body.team-nsh {
  --shark-teal:   #041e42;
  --shark-orange: rgba(255, 184, 28, 0.66);
  --shark-green:  #ffb81c;
  --shark-deep:   #041021;
  --shark-slate:  #f5dea6;
  --border-subtle: #ffffff;
  --accent-primary:        #041e42;
  --accent-primary-soft:   rgba(255, 184, 28, 0.66);
  --accent-primary-border: rgba(255, 184, 28, 0.66);

  --accent-secondary:      #ffb81c;
  --accent-secondary-soft: rgba(255, 184, 28, 0.66);
}

/* New York Islanders */
body.team-nyi {
  --shark-teal:   rgba(0, 83, 155, 0.66);
  --shark-orange: rgba(244, 125, 48, 0.66);
  --shark-green:  #ffffff;
  --shark-deep:   #002752;
  --shark-slate:  #c7d3e8;
  --border-subtle: #ffffff;
  --accent-primary:        #00539b;
  --accent-primary-soft:   rgba(0, 83, 155, 0.66);
  --accent-primary-border: rgba(0, 83, 155, 0.66);

  --accent-secondary:      #f47d30;
  --accent-secondary-soft: rgba(244, 125, 48, 0.66);
}

/* New York Rangers */
body.team-nyr {
  --shark-teal:   rgba(0, 56, 168, 0.66);;
  --shark-orange: rgba(206, 17, 38, 0.86);
  --shark-green:  #ffffff;
  --shark-deep:   #001b52;
  --shark-slate:  #c8d0e8;
  --border-subtle: #ffffff;
  --accent-primary:        #0038a8;
  --accent-primary-soft:   rgba(0, 56, 168, 0.66);
  --accent-primary-border: rgba(0, 56, 168, 0.66);

  --accent-secondary:      #ce1126;
  --accent-secondary-soft: rgba(206, 17, 38, 0.86);
}

/* Ottawa Senators – warm red + gold */
body.team-ott {
  --shark-teal:   #000000;
  --shark-orange: rgba(227, 24, 55, 0.66);
  --shark-green:  #c69214;
  --shark-deep:   #000000;
  --shark-slate:  #c7b8a2;
  --border-subtle: #c69214;
  --accent-primary:        #000000;
  /* lightened #e31837 */
  --accent-primary-soft:   rgba(227, 24, 55, 0.9);
  --accent-primary-border: rgba(227, 24, 55, 0.9);

  --accent-secondary:      rgba(227, 24, 55, 0.9);
  --accent-secondary-soft: rgba(227, 24, 55, 0.66);
}

/* Philadelphia Flyers – bright orange wash */
body.team-phi {
  --shark-teal:   #000000;
  --shark-orange: rgba(247, 73, 2, 0.66);
  --shark-green:  #f74902;
  --shark-deep:   #000000;
  --shark-slate:  #f4c6a3;
  --border-subtle: #ffffff;
  --accent-primary:        #000000;
  /* lightened #f74902 */
  --accent-primary-soft:   rgba(247, 73, 2, 0.9);
  --accent-primary-border: rgba(247, 73, 2, 0.9);

  --accent-secondary:      rgba(247, 73, 2, 1);;
  --accent-secondary-soft: rgba(249, 127, 77, 0.66);
}

/* Pittsburgh Penguins */
body.team-pit {
  --shark-teal:   #000000;
  --shark-orange: rgba(255, 184, 28, 0.66);
  --shark-green:  #ffb81c;
  --shark-deep:   #000000;
  --shark-slate:  #f4deaa;
  --border-subtle: #f4deaa;
  --accent-primary:        #000000;
  --accent-primary-soft:   rgba(255, 184, 28, 0.9);
  --accent-primary-border: rgba(255, 184, 28, 0.9);

  --accent-secondary:      #000000;
  --accent-secondary-soft: rgba(255, 184, 28, 0.66);
}

/* San Jose Sharks */
body.team-sjs {
  --shark-teal:   rgba(0, 123, 138, 0.66);
  --shark-orange:   rgba(245, 155, 42, .86);
  --shark-green:  #008f4f;
  --shark-deep:   #003f51;
  --shark-slate:  #62757f;
  --border-subtle:#62757f;
  --accent-primary:        #007b8a;
  --accent-primary-soft:   rgba(0, 123, 138, 0.9);
  --accent-primary-border: #f59b2a;

  --accent-secondary:      rgba(0, 123, 138, 0.66);
  --accent-secondary-soft: rgba(0, 123, 138, 0.66);
}

/* St. Louis Blues */
body.team-stl {
  --shark-teal:   rgba(0, 47, 135, 0.66);
  --shark-orange: rgba(255, 184, 28, 0.86);
  --shark-green:  #002f87;
  --shark-deep:   #001744;
  --shark-slate:  #c0c7e0;
  --border-subtle: #ffffff;
  --accent-primary:        #002f87;
  --accent-primary-soft:   rgba(0, 47, 135, 0.66);
  --accent-primary-border: rgba(0, 47, 135, 0.66);

  --accent-secondary:      #ffb81c;
  --accent-secondary-soft: rgba(255, 184, 28, 0.66);
}

/* Tampa Bay Lightning */
body.team-tbl {
  --shark-teal:   rgba(143, 188, 230, 0.46);
  --shark-orange: rgba(0, 40, 104, 0.66);
  --shark-green:  #ffffff;
  --shark-deep:   #001643;
  --shark-slate:  #c2d4f2;

  --accent-primary:        #002868;
  --accent-primary-soft:   rgba(0, 40, 104, 0.66);
  --accent-primary-border: rgba(0, 40, 104, 0.66);

  --accent-secondary:      #FFFFFF;
  --accent-secondary-soft: rgba(143, 188, 230, 0.46);

}

/* Toronto Maple Leafs */
body.team-tor {
  --shark-teal:   rgba(0, 62, 126, 0.24);
  --shark-orange: rgba(0, 62, 126, 0.66);
  --shark-green:  #003e7e;
  --shark-deep:   #001a33;
  --shark-slate:  #c4d0e8;

  --accent-primary:        #003e7e;
  --accent-primary-soft:   rgba(0, 62, 126, 0.24);
  --accent-primary-border: rgba(0, 62, 126, 0.9);

  --accent-secondary:      #ffffff;
  --accent-secondary-soft: rgba(0, 62, 126, 0.66);
}

/* Vancouver Canucks */
body.team-van {
  --shark-teal:   rgba(0, 32, 91, 0.66);
  --shark-orange: rgba(0, 132, 61, 0.66);
  --shark-green:  #00843d;
  --shark-deep:   #001033;
  --shark-slate:  #c0d0df;

  --accent-primary:        #00205b;
  --accent-primary-soft:   rgba(0, 32, 91, 0.24);
  --accent-primary-border: rgba(0, 32, 91, 0.9);

  --accent-secondary:      #00843d;
  --accent-secondary-soft: rgba(0, 132, 61, 0.66);
}

/* Vegas Golden Knights */
body.team-vgk {
  --shark-teal:   #333f48;
  --shark-orange: rgba(180, 151, 90, 0.9);
  --shark-green:  #b4975a;
  --shark-deep:   #333f48;
  --shark-slate:  #c6c0aa;

  --accent-primary:        #b4975a;
  --accent-primary-soft:   rgba(180, 151, 90, 0.24);
  --accent-primary-border: rgba(180, 151, 90, 0.9);

  --accent-secondary:      #333f48;
  --accent-secondary-soft: rgba(180, 151, 90, 0.66);
}

/* Washington Capitals – Caps red wash */
body.team-wsh {
  --shark-teal:   #041021;
  --shark-orange: rgba(216, 87, 108, 0.66);
  --shark-green:  #c8102e;
  --shark-deep:   #041021;
  --shark-slate:  #c7c8d8;

  --accent-primary:        #041e42;
  /* lightened Caps red (same red as CGY/FLA) */
  --accent-primary-soft:   rgba(200, 16, 46, 0.9);
  --accent-primary-border: rgba(200, 16, 46, 0.9);

  --accent-secondary:      #041e42;
  --accent-secondary-soft: rgba(216, 87, 108, 0.66);
}

/* Winnipeg Jets */
body.team-wpj {
  --shark-teal:   #041e42;
  --shark-orange: #ac162c;
  --shark-green:  #7b9fc9;
  --shark-deep:   #021125;
  --shark-slate:  #c2c9d7;

  --accent-primary:        #041e42;
  --accent-primary-soft:   rgba(4, 30, 66, 0.26);
  --accent-primary-border: rgba(4, 30, 66, 0.9);

  --accent-secondary:      #ac162c;
  --accent-secondary-soft: rgba(172, 22, 44, 0.28);
}

/* Utah Hockey Club / Utah Mammoth */
body.team-uta {
  --shark-teal:   #7ab2e0;
  --shark-orange: #ffffff;
  --shark-green:  #7ab2e0;
  --shark-deep:   #010101;
  --shark-slate:  #cfd6e0;

  --accent-primary:        #7ab2e0;
  --accent-primary-soft:   rgba(122, 178, 224, 0.24);
  --accent-primary-border: rgba(122, 178, 224, 0.9);

  --accent-secondary:      #7ab2e0;
  --accent-secondary-soft: rgba(255, 255, 255, 0.2);
}

/* Seattle Kraken */
body.team-sea {
  --shark-teal:   #68a2b9;
  --shark-orange: #e9072b;
  --shark-green:  #99d9d9;
  --shark-deep:   #001628;
  --shark-slate:  #355464;
  --border-subtle:#e9072b;
  --accent-primary:        #001628;
  --accent-primary-soft:   rgba(153, 217, 217, 0.66);
  --accent-primary-border: rgba(0, 22, 40, 0.9);

  --accent-secondary:      #99d9d9;
  --accent-secondary-soft: rgba(153, 217, 217, 0.3);
}
/* =========================================================
   Team-specific page theming (index.php)
   Uses:
   --page-bg
   --page-header-hr
   --page-card-bg
   --page-card-bg-hover
   --page-card-header-bg
   ========================================================= */

/* Neutral “all teams” view */
body.team-all {
  --page-bg: radial-gradient(circle at top, #023645 0%, #00141c 55%, #00080d 100%);
  --page-header-hr: rgba(255, 255, 255, 0.18);
  --page-card-bg: rgba(3, 35, 48, 0.98);
  --page-card-bg-hover: rgba(4, 27, 38, 0.98);
  --page-card-header-bg: radial-gradient(circle at 10% 0%, #003f51, #032330);
}

/* Anaheim Ducks */
/* Anaheim Ducks index theming – only orange, charcoal, white */
body.team-ana {
  /* line under header */
  --page-header-hr: rgba(244, 122, 56, 0.8);          /* orange */

  /* flat card bg (charcoal) */
  --page-card-bg:       rgba(10, 10, 10, 0.98);       /* charcoal */
  --page-card-bg-hover: rgba(20, 20, 20, 0.98);       /* slightly lighter charcoal */

  /* logo-strip / header band on card – soft orange wash */
  --page-card-header-bg: rgba(244, 122, 56, 0.16);    /* translucent orange */
  background:#000000;
  /* If you want the little date badge to feel white/orange too: */
  /* (optional, only if you’re overriding these elsewhere)
  --accent-secondary:      #ffffff;
  --accent-secondary-soft: rgba(255, 255, 255, 0.18);
  */
}


/* Arizona Coyotes */
body.team-ari {
  --page-bg: radial-gradient(circle at top, #3a1017 0%, #1a0a0d 50%, #050204 100%);
  --page-header-hr: rgba(226, 214, 181, 0.85);
  --page-card-bg: rgba(19, 10, 12, 0.98);
  --page-card-bg-hover: rgba(28, 14, 18, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #8c2633 0%, #5e8b3d 45%, #e2d6b5 100%);
}

/* Boston Bruins */
body.team-bos {
  --page-bg: radial-gradient(circle at top, #1d1400 0%, #0b0800 45%, #000000 100%);
  --page-header-hr: rgba(255, 184, 28, 0.9);
  --page-card-bg: #000000;
  --page-card-bg-hover: rgba(18, 14, 0, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #ffb81c 0%, #111111 50%, #c2a86b 100%);
}

/* Buffalo Sabres */
body.team-buf {
  --page-bg: radial-gradient(circle at top, #00336f 0%, #001632 55%, #000815 100%);
  --page-header-hr: rgba(252, 181, 20, 0.9);
  --page-card-bg: rgba(0, 22, 50, 0.98);
  --page-card-bg-hover: rgba(0, 30, 70, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #002654 0%, #001632 60%, #fcb514 100%);
}

/* Carolina Hurricanes */
body.team-car {
  --page-bg: radial-gradient(circle at top, rgba(204, 0, 0, 0.9) 0%, #230000 45%, #050000 100%);
  --page-header-hr: rgba(204, 0, 0, 0.9);
  --page-card-bg: rgba(204, 0, 0, 0.9);
  --page-card-bg-hover: rgba(204, 0, 0, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #cc0000 0%, #111111 50%, #bbbbbb 100%);
}

/* Columbus Blue Jackets */
body.team-cbj {
  --page-bg: radial-gradient(circle at top, #002654 0%, #00152f 55%, #000816 100%);
  --page-header-hr: rgba(206, 17, 38, 0.9);
  --page-card-bg: rgba(0, 21, 47, 0.98);
  --page-card-bg-hover: rgba(0, 29, 63, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #002654 0%, #00152f 45%, #ce1126 100%);
}

/* Calgary Flames */
body.team-cgy {
  --page-bg: radial-gradient(circle at top, #c8102e 0%, #330007 50%, #080001 100%);
  --page-header-hr: rgba(241, 190, 72, 0.9);
  --page-card-bg: #c8102e;
  --page-card-bg-hover: #c8102e;
  --page-card-header-bg: linear-gradient(135deg, #c8102e 0%, #7a000b 50%, #f1be48 100%);
}

/* Chicago Blackhawks */
body.team-chi {
  --page-bg: radial-gradient(circle at top, rgba(207, 10, 44, 0.9) 0%, #210006 50%, #050001 100%);
  --page-header-hr: rgba(207, 10, 44, 0.9);
  --page-card-bg: rgba(207, 10, 44, 0.9);
  --page-card-bg-hover: rgba(207, 10, 44, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #cf0a2c 0%, #111111 45%, #f2c94c 100%);
}

/* Colorado Avalanche */
body.team-col {
  --page-bg: radial-gradient(circle at top, #34101d 0%, #19060d 50%, #050104 100%);
  --page-header-hr: rgba(111, 38, 61, 0.9);
  --page-card-bg: rgba(23, 8, 14, 0.98);
  --page-card-bg-hover: rgba(32, 11, 19, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #6f263d 0%, #236192 50%, #a4a9ad 100%);
}

/* Dallas Stars */
body.team-dal {
  --page-bg: radial-gradient(circle at top, #003522 0%, #001810 50%, #020606 100%);
  --page-header-hr: rgba(0, 104, 71, 0.9);
  --page-card-bg: rgba(7, 24, 18, 0.98);
  --page-card-bg-hover: rgba(10, 31, 23, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #006847 0%, #111111 50%, #c0c0c0 100%);
}

/* Detroit Red Wings */
body.team-det {
  --page-bg: radial-gradient(circle at top, rgba(206, 17, 38, 0.9) 0%, #330008 50%, #080001 100%);
  --page-header-hr: rgba(206, 17, 38, 0.9);
  --page-card-bg: rgba(206, 17, 38, 0.9);
  --page-card-bg-hover: rgba(206, 17, 38, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #ce1126 0%, #7a0010 50%, #ffffff 100%);
}

/* Edmonton Oilers */
body.team-edm {
  --page-bg: radial-gradient(circle at top, #00205b 0%, #001332 55%, #000715 100%);
  --page-header-hr: rgba(255, 76, 0, 0.85);
  --page-card-bg: rgba(0, 19, 50, 0.98);
  --page-card-bg-hover: rgba(0, 27, 70, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #ff4c00 0%, #00205b 50%, #004b8d 100%);
}

/* Florida Panthers */
body.team-flo {
  --page-bg: radial-gradient(circle at top, #c8102e 0%, #041021 55%, #020813 100%);
  --page-header-hr: rgba(185, 151, 91, 0.9);
  --page-card-bg: #c8102e;
  --page-card-bg-hover: #c8102e;
  --page-card-header-bg: linear-gradient(135deg, #c8102e 0%, #041e42 50%, #b9975b 100%);
}

/* Los Angeles Kings */
body.team-lak {
  --page-bg: radial-gradient(circle at top, #1a1a1a 0%, #080808 50%, #000000 100%);
  --page-header-hr: rgba(162, 170, 173, 0.9);
  --page-card-bg: rgba(10, 10, 10, 0.98);
  --page-card-bg-hover: rgba(18, 18, 18, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #111111 0%, #000000 50%, #a2aaad 100%);
}

/* Minnesota Wild */
body.team-min {
  --page-bg: radial-gradient(circle at top, #154734 0%, #0b261c 50%, #020b07 100%);
  --page-header-hr: rgba(234, 170, 0, 0.9);
  --page-card-bg: rgba(9, 32, 24, 0.98);
  --page-card-bg-hover: rgba(12, 40, 30, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #154734 0%, #a6192e 50%, #eaaa00 100%);
}

/* Montréal Canadiens */
body.team-mtl {
  --page-bg: radial-gradient(circle at top, rgba(166, 25, 46, 0.9) 0%, #1c0207 50%, #050104 100%);
  --page-header-hr: rgba(166, 25, 46, 0.9);
  --page-card-bg: rgba(166, 25, 46, 0.9);
  --page-card-bg-hover: rgba(166, 25, 46, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #a6192e 0%, #003e7e 50%, #ffffff 100%);
}

/* New Jersey Devils */
body.team-njd {
  --page-bg: radial-gradient(circle at top, rgba(224, 58, 62, 0.9) 0%, #200204 50%, #050001 100%);
  --page-header-hr: rgba(224, 58, 62, 0.9);
  --page-card-bg: rgba(224, 58, 62, 0.9);
  --page-card-bg-hover: rgba(224, 58, 62, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #e03a3e 0%, #006341 50%, #ffffff 100%);
}

/* Nashville Predators */
body.team-nsh {
  --page-bg: radial-gradient(circle at top, #ffb81c 0%, #5b3d00 45%, #041021 100%);
  --page-header-hr: rgba(255, 184, 28, 0.9);
  --page-card-bg: #041e42;
  --page-card-bg-hover: #041e42;
  --page-card-header-bg: linear-gradient(135deg, #ffb81c 0%, #041e42 50%, #f5dea6 100%);
}

/* New York Islanders */
body.team-nyi {
  --page-bg: radial-gradient(circle at top, #00539b 0%, #002752 50%, #000b16 100%);
  --page-header-hr: rgba(244, 125, 48, 0.9);
  --page-card-bg: rgba(0, 28, 66, 0.98);
  --page-card-bg-hover: rgba(0, 37, 86, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #00539b 0%, #002752 50%, #f47d30 100%);
}

/* New York Rangers */
body.team-nyr {
  --page-bg: radial-gradient(circle at top, #0038a8 0%, #001b52 50%, #000715 100%);
  --page-header-hr: rgba(206, 17, 38, 0.9);
  --page-card-bg: rgba(0, 25, 79, 0.98);
  --page-card-bg-hover: rgba(0, 33, 98, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #0038a8 0%, #001b52 50%, #ce1126 100%);
}

/* Ottawa Senators */
body.team-ott {
  --page-bg: radial-gradient(circle at top, rgba(227, 24, 55, 0.9) 0%, #200003 50%, #050001 100%);
  --page-header-hr: rgba(227, 24, 55, 0.9);
  --page-card-bg: #000000;
  --page-card-bg-hover: rgba(227, 24, 55, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #e31837 0%, #000000 50%, #c69214 100%);
}

/* Philadelphia Flyers */
body.team-phi {
  --page-bg: radial-gradient(circle at top, rgba(247, 73, 2, 0.9) 0%, #200c00 50%, #050200 100%);
  --page-header-hr: rgba(247, 73, 2, 0.9);
  --page-card-bg: #000000;
  --page-card-bg-hover: rgba(247, 73, 2, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #f74902 0%, #000000 50%, #f4c6a3 100%);
}

/* Pittsburgh Penguins */
body.team-pit {
  --page-bg: radial-gradient(circle at top, #ffb81c 0%, #5b3d00 45%, #000000 100%);
  --page-header-hr: rgba(255, 184, 28, 0.9);
  --page-card-bg: #000000
  --page-card-bg-hover: rgba(32, 24, 7, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #ffb81c 0%, #000000 50%, #f4deaa 100%);
}

/* San Jose Sharks */
body.team-sjs {
  --page-bg: radial-gradient(circle at top, #00475a 0%, #00141c 55%, #000a10 100%);
  --page-header-hr: rgba(245, 155, 42, 0.8);
  --page-card-bg: rgba(3, 35, 48, 0.98);
  --page-card-bg-hover: rgba(4, 27, 38, 0.98);
  --page-card-header-bg: radial-gradient(circle at 10% 0%, #003f51, #032330);
}

/* St. Louis Blues */
body.team-stl {
  --page-bg: radial-gradient(circle at top, #002f87 0%, #001744 50%, #000715 100%);
  --page-header-hr: rgba(255, 184, 28, 0.9);
  --page-card-bg: rgba(0, 25, 78, 0.98);
  --page-card-bg-hover: rgba(0, 34, 100, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #002f87 0%, #001744 50%, #ffb81c 100%);
}

/* Tampa Bay Lightning */
body.team-tbl {
  --page-bg: radial-gradient(circle at top, #002868 0%, #001643 50%, #000715 100%);
  --page-header-hr: #FFFFFF;
  --page-card-bg: rgba(0, 24, 72, 0.98);
  --page-card-bg-hover: rgba(0, 32, 96, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #002868 0%, #001643 50%, #8fbce6 100%);
}

/* Toronto Maple Leafs */
body.team-tor {
  --page-bg: radial-gradient(circle at top, #003e7e 0%, #001a33 50%, #000711 100%);
  --page-header-hr: rgba(255, 255, 255, 0.6);
  --page-card-bg: rgba(0, 27, 66, 0.98);
  --page-card-bg-hover: rgba(0, 36, 88, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #003e7e 0%, #001a33 50%, #ffffff 100%);
}

/* Vancouver Canucks */
body.team-van {
  --page-bg: radial-gradient(circle at top, #00205b 0%, #001033 50%, #000614 100%);
  --page-header-hr: rgba(0, 132, 61, 0.9);
  --page-card-bg: rgba(0, 21, 69, 0.98);
  --page-card-bg-hover: rgba(0, 29, 92, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #00205b 0%, #001033 45%, #00843d 100%);
}

/* Vegas Golden Knights */
body.team-vgk {
  --page-bg: radial-gradient(circle at top, #333f48 0%, #1b2024 50%, #050607 100%);
  --page-header-hr: rgba(180, 151, 90, 0.9);
  --page-card-bg: rgba(19, 23, 27, 0.98);
  --page-card-bg-hover: rgba(27, 32, 36, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #b4975a 0%, #333f48 60%, #c6c0aa 100%);
}

/* Washington Capitals */
body.team-wsh {
  --page-bg: radial-gradient(circle at top, rgba(200, 16, 46, 0.9) 0%, #2a0209 50%, #060104 100%);
  --page-header-hr: rgba(200, 16, 46, 0.9);
  --page-card-bg: rgba(200, 16, 46, 0.9);
  --page-card-bg-hover: rgba(200, 16, 46, 0.9);
  --page-card-header-bg: linear-gradient(135deg, #c8102e 0%, #041e42 50%, #c7c8d8 100%);
}

/* Winnipeg Jets */
body.team-wpj {
  --page-bg: radial-gradient(circle at top, #041e42 0%, #021125 50%, #00060f 100%);
  --page-header-hr: rgba(172, 22, 44, 0.9);
  --page-card-bg: rgba(5, 20, 48, 0.98);
  --page-card-bg-hover: rgba(8, 28, 65, 0.98);
  --page-card-header-bg: linear-gradient(135deg, #041e42 0%, #021125 50%, #ac162c 100%);
}
/* Utah Hockey Club index theming */
body.team-uta {
  /* thin line under header (if you’re using --page-header-hr) */
  --page-header-hr: rgba(122, 178, 224, 0.9); /* Mountain Blue */

  /* flat card backgrounds */
  --page-card-bg:        rgba(3, 3, 3, 0.96);     /* almost rock black */
  --page-card-bg-hover:  rgba(15, 15, 15, 0.96);  /* slightly lifted */
  --page-card-header-bg: rgba(122, 178, 224, 0.22); /* blue-tinted strip */
}

/* Seattle Kraken index theming */
body.team-sea {
  --page-header-hr: rgba(153, 217, 217, 0.9); /* Ice Blue */

  --page-card-bg:        rgba(0, 22, 40, 0.96);   /* deep sea blue */
  --page-card-bg-hover:  rgba(10, 35, 56, 0.96);  /* a hair lighter */
  --page-card-header-bg: rgba(153, 217, 217, 0.20); /* soft ice band */
}
/* “All teams” index theming – neutral cards */
body.team-all {
  /* thin line under header / hr */
  --page-header-hr: rgba(208, 215, 226, 0.45);  /* light neutral */

  /* flat neutral card backgrounds (no gradients) */
  --page-card-bg:       rgba(32, 38, 51, 0.96);  /* mid charcoal slate */
  --page-card-bg-hover: rgba(38, 45, 60, 0.96);  /* a bit lighter on hover */

  /* logo-strip/header band on card – subtle slate wash */
  --page-card-header-bg: rgba(139, 150, 168, 0.20);
}