/* ============================================================================
   Rex / DynoRaptor shared design tokens
   Single source of truth for the brand palette used by the landing pages
   (landing.css) AND the Rex web chat (assistant_chat.html). Link this file
   BEFORE any stylesheet that consumes the variables. Do not redefine these
   tokens elsewhere — that is how the product and the marketing demos drift.
   ============================================================================ */

:root {
    --bg: #050505;
    --bg-soft: #0a0a0a;
    --panel-1: #101010;
    --panel-2: #161616;
    --panel-3: #1c1c1c;
    --text: #f4f4f4;
    --muted: #a8b0bd;
    --muter: #7f8796;
    --line: rgba(255, 255, 255, 0.10);
    --line-strong: rgba(255, 255, 255, 0.18);
    --accent: #44ff66;
    --accent-rgb: 68, 255, 102;
    --accent-dim: rgba(68, 255, 102, 0.10);
    --accent-glow: rgba(68, 255, 102, 0.24);
    --warn: #ffb454;
    --danger: #ff4d4f;
    --info: #58c5ff;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --shadow-md: 0 18px 42px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 32px 80px rgba(0, 0, 0, 0.5);
    --max-width: 1240px;
}