/*
 * Design tokens — the ONE place the look is decided (spec §3).
 *
 * Derived from tmp-core's skin (frame.css / store.css / account.css and the golfer profile,
 * golfer.css): paper, card, ink, Instrument Serif / Geist / Geist Mono, 8px buttons, 14–16px cards.
 * Every screen, worker and business alike, reads these variables and nothing else. A style change
 * Kevin asks for is an edit to this file, and it lands on every page at once.
 */

@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/instrument-serif-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/geist-sans-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/geist-sans-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Geist'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/geist-sans-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/geist-mono-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/geist-mono-latin-500-normal.woff2') format('woff2'); }

:root {
	/* surface */
	--hw-paper: #F5F2EA;
	--hw-card: #FFFDF8;
	--hw-field-bg: #FFFFFF;
	--hw-tint: rgba(15, 32, 41, .055);
	--hw-tint-2: rgba(15, 32, 41, .10);

	/* ink */
	--hw-ink: #0F2029;
	--hw-ink-hover: #1B3442;
	--hw-ink2: #3C4C55;
	--hw-muted: #5F6E76;
	--hw-on-ink: #FFFFFF;

	/* lines */
	--hw-line: rgba(15, 32, 41, .16);
	--hw-line2: rgba(15, 32, 41, .09);
	--hw-field: rgba(15, 32, 41, .18);

	/* accents and tones */
	--hw-accent: #58B4E5;
	--hw-blue: #1A6A96;
	--hw-blue-tint: #E3F0F8;
	--hw-green: #2D6A4F;
	--hw-green-tint: #DCE8D6;
	--hw-live: #6EE7A0;              /* the stoplight green, for pulses */
	--hw-warn: #7A5A10;
	--hw-warn-tint: #FFF4D6;
	--hw-danger: #8A2B1A;
	--hw-danger-tint: #F6E1DC;
	--hw-band: linear-gradient(165deg, #1A5572, #0F2029 72%); /* the golfer card's band */

	/* type */
	--hw-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;
	--hw-sans: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--hw-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

	/* shape and rhythm */
	--hw-r-btn: 8px;
	--hw-r-field: 9px;
	--hw-r-list: 14px;
	--hw-r-card: 16px;
	--hw-pad: 16px;                  /* phone gutter; scales up below */
	--hw-tap: 44px;                  /* minimum touch target */
	--hw-shadow: 0 18px 40px rgba(15, 32, 41, .10);
	--hw-shadow-pop: 0 16px 34px rgba(15, 32, 41, .24);
}

@media (min-width: 720px) { :root { --hw-pad: 24px; } }
@media (min-width: 1024px) { :root { --hw-pad: 40px; } }