/* ── Geist font (Silence Laboratories) ────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&display=swap');

/* ── Reset ────────────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Design Tokens ────────────────────────────────────────────────────────────── */
:root {
  /* Backgrounds */
  --bg:          #030c1c;
  --surface:     #040e1f;
  --surface-alt: #010814;

  /* Borders */
  --border:      #0f1e3d;

  /* Text */
  --text:        #f8f6f2;
  --text-sub:    #a6bcde;
  --text-muted:  #728bb3;
  --text-dim:    #4a6491;
  --text-faint:  #2d4a7a;

  /* Accent */
  --accent:       #2676ff;
  --accent-hover: #1f54a8;

  /* Bank colours */
  --color-dbs:       #22d3ee;
  --color-hsbc:      #4ade80;
  --color-ocbc:      #fb923c;
  --color-uob:       #f472b6;
  --color-regulator: #a78bfa;
  --color-unknown:   #818cf8;

  /* Status */
  --color-ok:    #34d399;
  --color-warn:  #fb923c;
  --color-error: #f87171;
  --color-info:  #2676ff;

  /* Typography */
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: 'Fira Code', 'Courier New', monospace;
}