/*
  public/css/theme.css
  Design system variables for the Wall-OS dashboard.
  Aesthetic: dark luxury terminal — Bloomberg terminal meets high-end watch face.
  Do not change color palette or font choices without explicit instruction.
*/

/*
  Fluid font scale: 1vw at 3840px = 38.4px, so 0.469vw ≈ 18px at 3840px (target).
  clamp prevents going below 12px on tiny screens or above 28px on huge ones.
  All rem values in the dashboard scale automatically with this.
*/
html {
  font-size: clamp(13px, 0.833vw, 42px);
  cursor: none;
}

* { cursor: none !important; }

:root {
  /* Colors — dark luxury terminal */
  --bg:             #080c10;
  --surface-card:   #0d1219;
  --surface-row:    #111820;
  --border:         rgba(255,255,255,.06);
  --text-primary:   #eef2f7;
  --text-secondary: rgba(238,242,247,.45);
  --text-dim:       rgba(238,242,247,.22);
  --accent-gold:    #e8c97a;
  --accent-teal:    #4fc4cf;
  --positive:       #6fcf97;
  --negative:       #eb5757;

  /* Legacy aliases (kept for backward compat with existing JS) */
  --surface:        #0d1219;
  --text-muted:     rgba(238,242,247,.28);

  /* Typography */
  --font-mono:  'Space Mono', 'Courier New', monospace;
  --font-sans:  'Syne', 'Helvetica Neue', sans-serif;

  /* Layout */
  --topbar-h:   4.25rem;
  --ticker-h:   2.1rem;
}