/* tokens.css — design tokens. The design team owns this file.
   Change colours / spacing / type here without touching app.css or app.js. */
:root {
  /* brand */
  --brand-name: "State of the User";

  /* palette */
  --bg:            #0e1117;
  --bg-elev:       #161b24;
  --bg-elev-2:     #1d2430;
  --panel:         #141a23;
  --border:        #263042;
  --border-soft:   #1c2530;

  --text:          #e8edf4;
  --text-dim:      #9aa7b8;
  --text-faint:    #65748a;

  --accent:        #6ea8fe;   /* primary action / wiki */
  --accent-2:      #8b7cf6;   /* self-improvement */
  --accent-glow:   rgba(110,168,254,0.18);

  --qual:          #5ed4a8;   /* qualitative signals */
  --quant:         #f0b65e;   /* quantitative signals */
  --noise:         #6b7689;   /* noise */
  --danger:        #ff6b81;
  --good:          #5ed4a8;
  --warn:          #f0b65e;

  /* gauge */
  --gauge-track:   #232c3a;
  --gauge-fill:    #5ed4a8;

  /* type */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-lg: 17px;
  --fs-xl: 22px;
  --fs-xxl: 30px;

  /* shape / motion */
  --radius:    14px;
  --radius-sm: 9px;
  --space:     16px;
  --space-sm:  9px;
  --shadow:    0 8px 30px rgba(0,0,0,0.35);
  --ease:      cubic-bezier(.2,.7,.2,1);
  --dur:       .45s;
}