/* theme/assets/css/tokens.css — semantic design tokens mirrored from the desktop app
   (src/renderer/styles/tokens.css, Classic preset). Use the token names, never raw hex,
   so a future theme swap repaints everything. */

:root {
	/* Surfaces / background */
	--bg:       #060809;
	--surf:     #0d1018;
	--surf2:    #0e1420;
	--surf3:    #111828;

	/* Borders */
	--border:   #1e2535;
	--border2:  #253045;

	/* Accent */
	--accent:       #2d6fd4;
	--accent2:      #5090d4;
	--accent-text:  #ffffff;

	/* Secondary accent */
	--teal:   #00e0a0;
	--teal2:  #007050;

	/* Grid lines (matches Classic preset; each desktop preset declares its own) */
	--grid-line: #060809;

	/* Text */
	--text:   #c8ddf5;
	--text1:  var(--text);
	--text2:  #8c99a6;
	--text3:  #92abc3;

	/* Signal zones — stay coloured on every theme; meaning, not decoration. */
	--green:   #00e040;
	--yellow:  #ffdd00;
	--orange:  #ff8800;
	--red:     #ff2020;

	/* Typography */
	--mono: 'Space Mono', ui-monospace, 'SF Mono', Menlo, monospace;
	--body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif;

	/* Radius (matches desktop module-radius 3px, Bram 2026-06-10) */
	--r-control: 3px;
	--r-frame:   3px;

	/* Shadow */
	--shadow-frame:    0 4px 24px rgba(0,0,0,0.65);
	--shadow-elevated: 0 16px 48px rgba(0,0,0,0.85);

	/* Motion */
	--ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--dur:  0.15s;
}