/* FOOTBALLSHIP logo palette: exact pixels from footballship-logo.jpeg (750x728).
   navy(544,183), ocean(452,33), royal(217,30), blue(490,223),
   sky(435,217), ice(546,234), white(332,206). See docs/theme.md. */
:root,
html[data-theme="blue"] {
  color-scheme: dark;
  --brand-navy: #031948;
  --brand-ocean: #042866;
  --brand-royal: #093B84;
  --brand-blue: #0597FC;
  --brand-sky: #37C7FC;
  --brand-ice: #B4E8FD;
  --brand-white: #F3FBFE;

  --bg: #031948;
  --panel: #042866;
  --panel2: #093B84;
  --text: #F3FBFE;
  --muted: #B4E8FD;
  --accent: #0597FC;
  --accent-light: #37C7FC;
  --on-accent: #031948;
  --line: #27578B;
  --control-line: #37C7FC;
  --card-fill: linear-gradient(145deg,#093B84,#042866);
  --accent-fill: linear-gradient(135deg,#37C7FC,#0597FC);
  --page-fill: radial-gradient(ellipse at 10% 0%,#042866,#031948 65%);
  --chrome: #031948;
  --overlay: rgba(3,25,72,.88);
  --scrim: rgba(3,25,72,.78);
  --shadow: 0 12px 36px rgba(0,8,32,.5);
  --tap: rgba(55,199,252,.22);
  --danger: #FF8CA8;
  --gold: var(--accent);
  --gold2: var(--accent-light);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #F4F8FC;
  --panel: #FFFFFF;
  --panel2: #EAF2FB;
  --text: #14243B;
  --muted: #52657C;
  --accent: #087CE0;
  --accent-light: #36B4F3;
  --on-accent: #FFFFFF;
  --line: #D8E3EF;
  --control-line: #9DB7D1;
  --card-fill: linear-gradient(145deg,#FFFFFF,#F0F6FC);
  --accent-fill: linear-gradient(135deg,#36B4F3,#087CE0);
  --page-fill: #F4F8FC;
  --chrome: #FFFFFF;
  --overlay: rgba(255,255,255,.94);
  --scrim: rgba(12,25,45,.76);
  --shadow: 0 12px 36px rgba(23,55,91,.12);
  --tap: rgba(8,124,224,.12);
  --danger: #B42342;
  --gold: var(--accent);
  --gold2: var(--accent-light);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0B0E14;
  --panel: #171C26;
  --panel2: #222A37;
  --text: #F4F7FB;
  --muted: #A7B3C5;
  --accent: #379DFF;
  --accent-light: #72C7FF;
  --on-accent: #081422;
  --line: #343E4E;
  --control-line: #65748A;
  --card-fill: linear-gradient(145deg,#222A37,#171C26);
  --accent-fill: linear-gradient(135deg,#72C7FF,#379DFF);
  --page-fill: #0B0E14;
  --chrome: #111620;
  --overlay: rgba(11,14,20,.92);
  --scrim: rgba(0,0,0,.8);
  --shadow: 0 12px 36px rgba(0,0,0,.5);
  --tap: rgba(55,157,255,.18);
  --danger: #FF8199;
  --gold: var(--accent);
  --gold2: var(--accent-light);
}