/* =========================================================
   Skin tokens. See docs/SKINS.md at the repo root.

   Every skin is a set of values for the same named roles. Retro's
   values are the site as it was before skins: change one here and
   the whole Retro site changes with it.

   A skin only applies to pages that are ready for it. Templates
   opt in with the body class gc-skinnable (gc_skins_supported() in
   inc/skins.php). Anything else stays Retro whatever the visitor
   picked, so a half-converted page never looks broken.
   ========================================================= */

:root {
	/* Colour roles */
	--gc-bg:           #05020a;  /* page */
	--gc-surface:      #0a0612;  /* panels and windows */
	--gc-ink:          #d7ffd7;  /* body text */
	--gc-ink-muted:    #8fbe8f;  /* secondary text */
	--gc-accent:       #39ff14;  /* links, rules, labels */
	--gc-accent-2:     #b6ff1a;  /* sub-headings */
	--gc-hot:          #ff00d4;  /* emphasis, glitch */
	--gc-cool:         #00f0ff;  /* links in copy, glitch */
	--gc-highlight:    #ffee00;  /* hover */
	--gc-alert:        #ff2b2b;
	--gc-chrome:       #c0c0c0;  /* window frames, buttons */
	--gc-chrome-dark:  #808080;
	--gc-chrome-title: #000080;  /* window title bars */
	--gc-growbot:      #ffd400;  /* Growbot's yellow, the same in every skin */

	/* Type roles */
	--gc-font-body:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', 'Courier New', monospace;
	--gc-font-display: 'Helvetica Black', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--gc-font-label:   'VT323', 'Courier New', monospace;
}

/* ---------- Swiss ---------- */
:root[data-skin="swiss"]:has(body.gc-skinnable) {
	--gc-bg:           #ffffff;
	--gc-surface:      #ffffff;
	--gc-ink:          #111111;
	--gc-ink-muted:    #5c5c5c;
	--gc-accent:       #e30613;
	--gc-accent-2:     #111111;
	--gc-hot:          #e30613;
	--gc-cool:         #111111;
	--gc-highlight:    #b0000c;
	--gc-alert:        #e30613;
	--gc-chrome:       #efefef;
	--gc-chrome-dark:  #111111;
	--gc-chrome-title: #111111;

	--gc-font-body:    'Helvetica Neue', Helvetica, 'Inter', Arial, sans-serif;
	--gc-font-display: 'Helvetica Neue', Helvetica, 'Inter', Arial, sans-serif;
	--gc-font-label:   'Helvetica Neue', Helvetica, 'Inter', Arial, sans-serif;

	color-scheme: light;
}