/* ============================================================
   NYUMBAFIND — DESIGN TOKENS
   Edit colours and fonts here — changes apply everywhere.
============================================================ */
:root {
  /* Brand colours */
  --sky:        #0EA5E9;
  --sky-dark:   #0284C7;
  --sky-light:  #38BDF8;
  --sky-pale:   #E0F2FE;
  --sky-deep:   #0C4A6E;
  --night:      #0A1628;
  --navy:       #0F2340;
  --slate:      #1E3A5F;

  /* Surfaces */
  --bg:         #F0F9FF;
  --surface:    #FFFFFF;
  --surface2:   #E0F2FE;
  --border:     #BAE6FD;
  --border2:    #7DD3FC;

  /* Text */
  --text:       #0C1929;
  --subtext:    #4A7FA5;
  --mid:        #2563A8;

  /* Semantic */
  --moss:       #059669;   /* success / verified */
  --gold:       #D97706;   /* warning / expiring */
  --danger:     #DC2626;   /* error / rejected */
  --wa:         #25D366;   /* WhatsApp green */

  /* Typography */
  --serif:      'Clash Display', sans-serif;
  --sans:       'Plus Jakarta Sans', sans-serif;

  /* Elevation */
  --sh:         0 2px 16px rgba(14,165,233,.1);
  --sh2:        0 8px 40px rgba(14,165,233,.18);

  /* Shape */
  --r:          14px;
}

/* ---- Dark mode overrides ---- */
[data-theme="dark"] {
  --bg:       #0A1628;
  --surface:  #0F2340;
  --surface2: #1E3A5F;
  --border:   #1E4A6F;
  --border2:  #2563A8;
  --text:     #E0F2FE;
  --subtext:  #7DD3FC;
  --mid:      #38BDF8;
  --sky-pale: #1E3A5F;
  --sh:       0 2px 16px rgba(0,0,0,.4);
  --sh2:      0 8px 40px rgba(0,0,0,.6);
}