/*
 * AXIS Design Tokens — see CLAUDE.md "Design System" section.
 * Single source of truth for color, type, spacing. Never hardcode hex values elsewhere.
 */

:root {
	/* Surfaces */
	--bg:           #050508;
	--bg-alt:       #0a0c12;
	--bg-surface:   #0e1118;
	--bg-card:      #111520;
	--bg-elevated:  #161b28;

	/* Borders */
	--border:       rgba(255,255,255,0.06);
	--border-hover: rgba(255,255,255,0.12);

	/* Text */
	--text:         #f0f2f5;
	--text-dim:     #8891a0;
	--text-muted:   #454d5c;

	/* Accents */
	--accent:       #00d4aa;  /* lab cyan — primary CTA */
	--accent-light: #33e8c4;
	--accent-blue:  #4ea8f0;  /* secondary accent for data/links */
	--accent-gold:  #c9a84c;  /* compliance/warning highlight */
	--ruo-warning:  #c9a84c;  /* RUO badges + footer disclaimer */

	/* Typography */
	--font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-body:    'Inter',  -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Layout */
	--container-max: 1240px;
	--container-pad: 32px;

	/* Motion */
	--ease:         cubic-bezier(0.16, 1, 0.3, 1);

	/* Z-index ladder */
	--z-header:     100;
	--z-shop:       500;
	--z-age-gate:   9999;  /* age gate must always win */
}