/* DIRTY REBIRTH DESIGN TOKENS -- GENERATED, DO NOT EDIT. */
/* source    : ui-identity-2026-10-06-cyber/dr-cyber.json  (v1.0.0-dev, theme black-site) */
/* generator : scripts/ui/gen-site-cyber.py  [SITECYBER] */
/* The --dr-* NAMES are the old HOARDING ones on purpose: every page keeps working. Their VALUES are the cyber */
/* theme, re-pointed through dr-cyber.json base.legacy_palette - the same role map the game client uses. */

@font-face { font-family: 'DR Rajdhani'; src: url(fonts/rajdhani-600.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'DR Rajdhani'; src: url(fonts/rajdhani-700.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'DR ShareTechMono'; src: url(fonts/share-tech-mono-400.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; }

:root {
	/* ---- palette (role from legacy_palette -> black-site) ---- */
	--dr-slab: #020608;
	--dr-concrete: #07171c;
	--dr-aggregate: #103e48;
	--dr-rebar: #9cc3cc;
	--dr-chalk: #e9fbff;
	--dr-oxide: #36e3ff;
	--dr-oxide-deep: #186673;
	--dr-verdigris: #3a9d8c;
	--dr-danger: #ff3b3b;
	--dr-team-atk: #00b6de;
	--dr-team-def: #ff4921;
	--dr-ranked: #ff8e0d;
	/* ---- cyber-only ---- */
	--dr-accent2: #ffb547;
	--dr-edge: #36e3ff;
	--dr-edge2: #ffb547;
	--dr-glow: rgba(54,227,255,0.40);
	--dr-panel: rgba(4,10,14,0.62);
	--dr-panel2: rgba(10,24,30,0.48);
	--dr-deploy-a: #ff3b3b;
	--dr-deploy-b: #8a0b12;
	--dr-deploy-text: #ffffff;

	/* ---- the same palette as rgb channels, for rgba() alphas ---- */
	--dr-slab-rgb: 2, 6, 8;
	--dr-concrete-rgb: 7, 23, 28;
	--dr-aggregate-rgb: 16, 62, 72;
	--dr-rebar-rgb: 156, 195, 204;
	--dr-chalk-rgb: 233, 251, 255;
	--dr-oxide-rgb: 54, 227, 255;
	--dr-oxide-deep-rgb: 24, 102, 115;
	--dr-verdigris-rgb: 58, 157, 140;
	--dr-danger-rgb: 255, 59, 59;
	--dr-team-atk-rgb: 0, 182, 222;
	--dr-team-def-rgb: 255, 73, 33;
	--dr-ranked-rgb: 255, 142, 13;
	--dr-accent2-rgb: 255, 181, 71;
	--dr-edge-rgb: 54, 227, 255;
	--dr-deploy-a-rgb: 255, 59, 59;

	/* ---- faces: head + mono from the theme, body stays Exo 2 (the game's own) ---- */
	--dr-face-display: 'DR Rajdhani', 'Bahnschrift', 'Arial Narrow', sans-serif;
	--dr-face-ui: 'DR Rajdhani', 'Bahnschrift', 'Segoe UI', sans-serif;
	--dr-face-body: 'Exo-2', 'Exo 2', 'Segoe UI', system-ui, 'Roboto', 'Helvetica Neue', 'Arial', sans-serif;
	--dr-face-mono: 'DR ShareTechMono', 'Consolas', ui-monospace, monospace;

	/* ---- type scale, px at 1920x1080 (unchanged: layout is never changed by a theme) ---- */
	--dr-type-display: 128px;
	--dr-type-name: 112px;
	--dr-type-h1: 56px;
	--dr-type-h2: 40px;
	--dr-type-h3: 32px;
	--dr-type-value: 28px;
	--dr-type-label: 22px;
	--dr-type-body: 24px;
	--dr-type-micro: 20px;
	--dr-type-spine: 15px;
	--dr-track-display: 0.01em;
	--dr-line-display: 0.88;
	--dr-track-name: 0.01em;
	--dr-line-name: 0.88;
	--dr-track-h1: 0.02em;
	--dr-line-h1: 0.95;
	--dr-track-h2: .04em;
	--dr-line-h2: 1;
	--dr-track-h3: .05em;
	--dr-line-h3: 1;
	--dr-track-value: .04em;
	--dr-line-value: 1;
	--dr-track-label: .12em;
	--dr-line-label: 1;
	--dr-track-body: 0;
	--dr-line-body: 1.45;
	--dr-track-micro: .12em;
	--dr-line-micro: 1;
	--dr-track-spine: .1em;
	--dr-line-spine: 1;

	/* ---- motion (base.motion) ---- */
	--dr-beat: 80ms;
	--dr-ease-arrive: cubic-bezier(0.19,1,0.22,1);
	--dr-ease-leave: cubic-bezier(0.895, 0.03, 0.685, 0.22);
	--dr-ease-crawl: linear;
	--dr-dur-slam: 420ms;
	--dr-dur-lock: 420ms;
	--dr-dur-shutter: 840ms;
	--dr-dur-settle: 80ms;
	--dr-dur-crawl: 1800ms;
	--dr-dur-hover: 120ms;
	--dr-pulse: 2.4s;
	--dr-glint: 9s;

	/* ---- shape (base.panel: cut 14, border 1) ---- */
	--dr-radius: 0px;
	--dr-frame: 48px;
	--dr-gap: 12px;
	--dr-gap-lg: 24px;
	--dr-keyline-rest: 1px;
	--dr-keyline: 2px;
	--dr-keyline-selected: 3px;
	--dr-lip: 2px;
	--dr-hazard-period: 24px;
	--dr-hazard-band: 4px;
	--dr-body-measure: 472px;
	--dr-chamfer: 14px;
	--dr-chamfer-small: 10px;
	--dr-grain: 3px;
	--dr-rule-heavy: 4px;
	--dr-rule-element: 3px;
	--dr-tie: 14px;
	--dr-tie-gap: 0px;
	--dr-plate-pad-t: 32px;
	--dr-plate-pad-r: 40px;
	--dr-plate-pad-b: 24px;
	--dr-plate-pad-l: 40px;
	--dr-control-h-primary: 72px;
	--dr-control-h-secondary: 44px;
	--dr-bar-track: 16px;
	--dr-thumb: 136px;
	--dr-field-w: 320px;
	--dr-slam-offset-x: 48px;
	--dr-slam-offset-y: 32px;
	--dr-recoil: 3px;
	--dr-press: 1px;
}
