/* LeasePoint colour tokens — canonical names from design_tokens.yaml (SSOT).
   Teal owns the brand · indigo (--accent) means interaction/selected · emerald (--green)
   means decision-landed · nothing decorative gets colour. */
:root{
  /* brand */
  --teal:#00413d;            /* spine, primary CTA, wordmark — 11.5:1 on white */
  --teal-ink:#00302d;        /* teal pressed/hover */
  --teal-soft:rgba(0,65,61,.08);
  /* status — fill/text pairs. Fills never carry text on light. */
  --green:#10b981;           /* decision landed / funded — FILL only (2.54:1) */
  --green-text:#1b5e20;      /* AA green when a status word is text (7.16:1) */
  --green-soft:rgba(16,185,129,.12);
  --amber:#f59e0b;           /* warning fill */
  --amber-text:#b45309;      /* warning text — action needed, expiring */
  --amber-soft:rgba(245,158,11,.12);
  --red:#ef4444;             /* error fill */
  --red-text:#b42318;        /* AA error text (6.6:1) */
  --red-soft:rgba(239,68,68,.10);
  /* interaction */
  --accent:#5e6ad2;          /* indigo — selected, focus ring, chosen rows */
  --accent-soft:rgba(94,106,210,.10);
  --on-accent:#ffffff;       /* label on a filled CTA */
  /* neutrals — In-Room Light */
  --text:#0a0a0a;
  --text-secondary:#525252;  /* labels, help text — AA-safe */
  --text-muted:#8a8f98;      /* decoration only: chip labels, hairline captions */
  --border:#e5e7eb;          /* 1px only — the single border weight */
  --border-strong:#d4d4d8;   /* hover border step */
  --surface:#ffffff;         /* cards, panels, decision card */
  --surface-2:#f4f4f5;       /* page canvas of borrower flows */
  --bg:#fafafa;              /* dashboard page ground */
}
/* In-Room Dark — operator instruments (Signal, staff dashboards) only.
   The split is by who operates and whether money is committed, never by taste.
   Values marked (derived) are not in the SSOT — confirm before shipping. */
[data-theme="dark"]{
  --bg:#08090a; --surface:#121314; --surface-2:#17181a; /* surface-2 derived */
  --border:#1f2023; --border-strong:#2c2d31;            /* border-strong derived */
  --text:#f7f8f8; --text-secondary:#9a9fa7;             /* secondary derived */
  --text-muted:#62666d;                                  /* derived */
  --teal:#6ecfbb; --teal-ink:#8adcc9; --teal-soft:rgba(110,207,187,.12);
  --green-text:#10b981; --amber-text:#f59e0b; --red-text:#ff8d7d;
  --on-accent:#ffffff;
}