/* Shared design tokens. Every page links this before its own stylesheet, so a
   page can override any single token by redeclaring it in its own :root (equal
   specificity, later wins) while inheriting the rest.

   --accent is pinned by two jobs at once: it is link text on --bg and it is the
   background under white button text. Lightening it makes the buttons harder to
   read, darkening it makes the links darker than the brand blue; the current
   value is the tightest point that serves both, so treat it as load-bearing
   rather than as a shade someone picked. */

:root {
	color-scheme: light dark;
	--bg:             light-dark(#EBF5FB, #0f1520);
	--surface:        light-dark(#fff,    #1a2233);
	--surface-2:      light-dark(#eef3f8, #243147);
	--surface-hover:  light-dark(#e6f4fb, #243147);
	--text:           light-dark(#222,    #e4e8ef);
	--text-muted:     light-dark(#5f6a78, #8a95a5);
	--text-label:     light-dark(#555,    #9fb0c0);
	--border:         light-dark(#dbe4ec, #2a3446);
	--accent:         light-dark(#0074ad, #4da8e6);
	--accent-hover:   light-dark(#00618f, #6ab8ee);
	--accent-btn-text:light-dark(#fff,    #0f1520);
	--input-bg:       light-dark(#f7fafc, #252f42);
	--input-border:   light-dark(#a0adba, #525f75);
	--shadow:         light-dark(rgba(0,0,0,.08), rgba(0,0,0,.4));
	--shadow-soft:    light-dark(rgba(0,0,0,.04), rgba(0,0,0,.25));
	--danger:         light-dark(#c53636, #ff7474);
	--mono: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, Monaco, 'Courier New', monospace;
	--sans: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--ease: cubic-bezier(.4,0,.2,1);
	--theme-dur: .3s;
	--nav-h: 60px;
}
:root.theme-light { color-scheme: light; }
:root.theme-dark  { color-scheme: dark; }