/* CSB shared design tokens v3.0.0 — Coastline Select Baseball brand.
   cyan #12C6E6 / #0EA9C9 accents on light #F5F7F9 / #FFFFFF surfaces,
   ink text #101820, font Saira.
   Scoped to component roots, not :root — the sox theme must not inherit
   them. .csb-dialog and .csb-toasts are listed because top layer dialogs
   and body-appended toast stacks live OUTSIDE .csb-page/.csb-portal and
   would otherwise render unstyled. The same block still ships inside
   csb-public.css for one release so a half purged LiteSpeed cache cannot
   render the schedule page unstyled. */

.csb-page,
.csb-tournament,
.csb-live-region,
.csb-portal,
.csb-sign,
.csb-dialog,
.csb-toasts {
	--csb-cyan: #12c6e6;
	--csb-cyan-deep: #0ea9c9;
	--csb-cyan-ink: #0a4b57; /* cyan tinted dark — accents/links ON light */
	--csb-surface: #1c212b; /* dark set kept for hero + LIVE pill */
	--csb-surface-deep: #06222b;
	--csb-ink: #0b0f14;
	--csb-bg: #f5f7f9; /* light page canvas */
	--csb-card: #ffffff;
	--csb-text: #101820;
	--csb-muted: #46505c;
	--csb-dim: #6b7683;
	--csb-line: #dfe4ea;
	--csb-line-strong: #c9d1da;

	/* Structure — formalizing values the public CSS already uses ad hoc. */
	--csb-radius: 6px;
	--csb-radius-md: 10px;
	--csb-radius-lg: 12px;
	--csb-shadow-1: 0 1px 3px rgba(16, 24, 32, 0.05);
	--csb-shadow-2: 0 2px 10px rgba(16, 24, 32, 0.12);
	--csb-shadow-3: 0 -6px 24px rgba(16, 24, 32, 0.1);

	/* Controls. 16px font floor stops iOS zoom on focus; 44px is the
	   absolute floor for anything tappable. */
	--csb-control-h: 48px;
	--csb-control-font: 16px;
	--csb-tap: 44px;
	--csb-focus-ring: 0 0 0 3px rgba(18, 198, 230, 0.32);

	/* Measures. */
	--csb-measure-narrow: 420px;
	--csb-measure: 640px;
	--csb-measure-wide: 1040px;

	/* Semantic state colors, checked against #fff and their own bg.
	   The brand has no green; #0f7a4f is the approved/ok family at about
	   4.9:1 on white, always paired with a glyph so red and green are
	   never the only signal. */
	--csb-ok: #0f7a4f;
	--csb-ok-bg: #e9f5ef;
	--csb-ok-line: #b9dfcc;
	--csb-warn: #8a5a00;
	--csb-warn-bg: #fff5e0;
	--csb-warn-line: #f0d9a6;
	--csb-alert: #b3261e;
	--csb-alert-bg: #fdf0ef;
	--csb-alert-line: #f0c5c2;
	--csb-info: #0a4b57;
	--csb-info-bg: rgba(18, 198, 230, 0.12);
	--csb-info-line: rgba(14, 169, 201, 0.35);

	font-family: 'Saira', sans-serif;
	color: var(--csb-text);
}