/* Osuwon — design tokens. Dark navy, light-blue accent. Re-skin here only. */
:root {
  /* ---- SURFACES ---------------------------------------------- */
  --bg:        #080e1a;               /* page base                */
  --bg-grad-1: #0b1526;               /* top gradient             */
  --bg-grad-2: #070b14;               /* bottom gradient          */
  --panel:     rgba(255,255,255,.028);/* cards                    */
  --panel-2:   rgba(255,255,255,.05); /* raised panels            */
  --line:      rgba(255,255,255,.09); /* borders                  */
  --line-soft: rgba(255,255,255,.05); /* row separators           */

  /* ---- TEXT --------------------------------------------------- */
  --ink:   #eaf1fb;                   /* primary                  */
  --muted: #9db0cc;                   /* secondary                */
  --faint: #5f7191;                   /* captions / codes         */
  --dim:   #43516b;                   /* faintest                 */

  /* ---- ACCENT (light blue on navy) ---------------------------- */
  --accent:      #4da3ff;
  --accent-2:    #82c8ff;
  --accent-deep: #2b6fd6;

  /* ---- CHANGE DIRECTION --------------------------------------- */
  --up:   #33d19f;
  --down: #ff6f7a;

  /* ---- HONESTY STATE: HELD / STALE ----------------------------- */
  --hold-fg:   #e8bd6d;
  --hold-bg:   rgba(232,189,109,.10);
  --hold-line: rgba(232,189,109,.30);

  /* ---- SHAPE / SPACE ------------------------------------------ */
  --r:    16px;
  --r-sm: 11px;
  --pad:  clamp(16px, 4vw, 30px);
  --page-max: 1180px;

  /* ---- TYPE ---------------------------------------------------- */
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter",
          system-ui, sans-serif;
}