/* ERD design tokens. Load first. Every other file in this pack reads these
   variables, so a colour or easing change here reaches the whole site.
   Palette from ERD's brand pack: black ground, brand red #ff0000, brand green
   #006633 (lifted to #22b26b for text on black), white. */
:root {
  /* ground */
  --black: #050505;          /* page background */
  --dark: #0d0d0d;           /* sidebars, inputs */
  --panel: #121212;          /* cards, tiles */
  --panel-2: #181818;        /* card gradient top */

  /* brand */
  --red: #ff0000;            /* identity and attention: mark accents, ELYSIUM, active states */
  --red-ui: #e5121a;         /* buttons at rest (hover goes to brand red) */
  --red-soft: rgba(255, 0, 0, 0.14);
  --green: #006633;          /* brand green, fills and the green button */
  --green-bright: #22b26b;   /* brand green lifted for text on black (#006633 fails contrast) */
  --green-soft: rgba(34, 178, 107, 0.14);

  /* status only, never brand */
  --amber: #e0a21b;
  --blue: #4a90e2;

  /* text and lines */
  --text: #f4f4f4;
  --muted: #9a9a9a;
  --dim: #5a5a5a;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.16);

  /* type */
  --font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* shape and motion */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 18px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}