/* Amadeus design tokens — the single source for colors, type and radii on the
   static pages (skills.html, wallet.html). The SPA (app/src/styles.css) mirrors
   these values; keep them in sync when changing. Task #16 of the build board. */
:root {
  /* surfaces */
  --bg: #0B0E11;
  --panel: #141A21;
  --panel2: #1B232C;
  --line: #26303B;

  /* text */
  --txt: #E8EEF4;
  --mut: #8A98A8;

  /* brand + semantic */
  --accent: #6C8CFF;
  --teal: #2DD4BF;
  --up: #2BD673;
  --down: #ff9db0;
  --amber: #ffd479;

  /* type */
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 999px;

  /* semantic tints — amber = signing/caution, green = live/ok, teal = info */
  --amber-border: #4a3a17;
  --amber-bg: #1e1808;
  --ok-border: #1c3b2a;
  --ok-bg: #0c1a13;
  --teal-border: #1c3b39;
  --teal-bg: #0c1a19;

  --danger-border: #4a2730;
  --danger-bg: #1f1014;

  /* extras mirrored from the SPA (app/src/styles.css) */
  --line2: #1d2630;
  --danger: #ff8a8a;
}
/* NOTE: dark-only for now (static pages). The SPA additionally ships a light
   theme; add the light ramp here when the static pages need it. */