/**
 * CKC Design Tokens
 *
 * Single source of truth for shared brand colors and other cross-stylesheet
 * tokens. Consumed by ckc-buttons.css and menus/modern/menu.css. style.css and
 * mobile/style.css still use literal hex; they may opt in over time.
 *
 * Loading: link ckc-tokens.css BEFORE any other site CSS in every PHP shell
 * (see indexCKC.php, mobile/mobile-shell.inc.php, etc.) so :root variables are
 * defined when consumers read them.
 */

:root {
  /* Brand */
  --ckc-color-primary: #314177;
  --ckc-color-primary-hover: #253060;
  --ckc-color-accent: #009ae1;
  --ckc-color-submenu: #314194;

  /* Info panel blues (used pervasively in style.css tables) */
  --ckc-color-info-bg: #d3e5fa;
  --ckc-color-info-bg-strong: #bbddff;
  --ckc-color-info-bg-soft: #cceeff;

  /* Neutrals */
  --ckc-color-text: #333333;
  --ckc-color-text-muted: #999999;
  --ckc-color-surface: #ffffff;
  --ckc-color-surface-alt: #efefef;

  /* Status (used by ckc-buttons.css today) */
  --ckc-color-success: #28a745;
  --ckc-color-success-hover: #218838;
  --ckc-color-danger: #b91c1c;
  --ckc-color-danger-hover: #991b1b;

  /* Type stack */
  --ckc-font-stack: verdana, sans-serif;

  /* Menu border (golden-day overrides in body.ckc-golden-day below) */
  --ckc-menu-border-color: rgba(120, 120, 120, 0.15);
}

/*
 * Golden day theme: when body.ckc-golden-day is set (all teams won on the
 * latest match date), the brand blue swaps for warm gold.
 */
body.ckc-golden-day {
  --ckc-color-primary: #d4af37;
  --ckc-color-primary-hover: #b8962e;
  --ckc-color-submenu: #c4a02a;
  --ckc-menu-border-color: rgba(80, 60, 0, 0.25);
}