/* Ashveil UI — design tokens (semantic). Values mirror the current LIGHT game theme (visual parity).
   Re-theming later (e.g. to the dark-gold Ashveil brand) = change values here only; components don't change.
   Namespace --ui-* is intentionally separate from the landing's --ash-* (assets/css/ashveil-home.css). */

/* Self-hosted UI fonts — single source of truth for @font-face declarations.
   Every page that loads tokens.css (main shell, register/pay, item/shadow, forum,
   repass) gets these fonts. Previously duplicated 5x across main.css/register.css/
   repass.css/windows.css/item-info.css. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700.woff2') format('woff2');}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/jbmono-400.woff2') format('woff2');}

:root {
	/* surfaces */
	--ui-bg: #ffffff;
	--ui-surface: #eaeaea;       /* panel background (.text) */
	--ui-surface-accent: #fff6dd; /* cream highlight surface */

	/* text */
	--ui-text: #222222;
	--ui-text-strong: #000000;
	--ui-text-muted: #76726b;

	/* semantic colour roles (from real palette) */
	--ui-heading: #8f0000;       /* H3/H4 */
	--ui-heading-deep: #4f0000;  /* H5 */
	--ui-link: #003388;
	--ui-link-hover: #0066ff;
	--ui-accent: #007000;        /* .date / positive */
	--ui-danger: #b00000;

	/* form controls */
	--ui-input-text: #191970;
	--ui-input-bg: #ffffff;

	/* lines */
	--ui-border: #b0b0b0;
	--ui-border-soft: #c9c1a7;

	/* legacy tan button */
	--ui-btn-bg: #d1cbb9;
	--ui-btn-bg-hover: #c9c1a7;
	--ui-btn-text: #444444;

	/* spacing scale */
	--ui-space-1: 2px;
	--ui-space-2: 4px;
	--ui-space-3: 6px;
	--ui-space-4: 10px;
	--ui-space-5: 16px;
	--ui-space-6: 24px;

	/* radii */
	--ui-radius-sm: 3px;
	--ui-radius: 4px;
	--ui-radius-md: 6px;

	/* typography (kept in sync with main.css :root; declared here so tokens.css is self-contained) */
	--font-ui: 'Inter', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	--font-mono: 'JetBrains Mono', Courier, 'Courier New', monospace;
	--ui-fs-sm: 11px;
	--ui-fs: 13px;
	--ui-fs-lg: 16px;

	/* elevation */
	--ui-shadow-1: 0 1px 3px rgb(0 0 0 / 0.15);

	/* added by anketa-block migration (real values from inf.php profile) */
	--ui-text-label: #444444; /* bold field labels */
	--ui-text-faint: grey;    /* obscured-profile note */
	--ui-line: #999999;       /* divider rule */

	/* added by stats-block migration */
	--ui-clanhead: #008080;   /* clan-head highlight */

	/* added by block-3 pass */
	--ui-twink: #ff9900;      /* twink-avatar highlight */

	/* added by alerts pass (pure red, distinct from --ui-danger #b00000) */
	--ui-warn: red;           /* warning text */
	--ui-alert-bg: #fae0e0;   /* alert background */

	/* added by shop migration (taverna + bookshop/zooshop/komorka/nakova2 family) */
	--ui-shop-counter: #a5a5a5;    /* shop counter / section header strip background */
	--ui-shop-section: #e2e0e0;    /* department tab (inactive) */
	--ui-shop-section-on: #c7c7c7; /* department tab (active) */
	--ui-shop-money: #339900;      /* player balance (bright positive green) */
}