/* Rime Finance — Color system
   Extracted from Archived.fig. Blue is the brand anchor; sky-blue drives
   actions; orange / violet / yellow are the expressive "statement" accents. */

:root {
  /* ── Brand ─────────────────────────────────────────── */
  --rime-blue: #2966D3;          /* primary brand blue (statement / mark) */
  --rime-blue-ink: #162D53;      /* deep blue text on light/sky surfaces */

  --rime-sky: #4AB5F7;           /* action — primary button fill */
  --rime-sky-border: #3DA8EB;    /* hairline on sky surfaces */
  --rime-sky-soft: #A8DAFF;      /* soft sky tint */

  --rime-orange: #EC7B56;        /* warm accent */
  --rime-orange-border: #E06C46;
  --rime-orange-ink: #631C1B;    /* text on orange */

  --rime-violet: #BBB6E1;        /* cool accent */
  --rime-violet-soft: #CBC9EC;   /* soft violet surface */
  --rime-violet-line: #A9A3D4;   /* violet hairline */
  --rime-violet-ink: #5E4991;    /* text on violet */
  --rime-violet-deep: #332752;   /* emphasized violet text */

  --rime-yellow: #FFDF66;        /* highlight accent */

  /* ── Neutral ramp (grey 1 = darkest ink → 7 = page) ── */
  --grey-1: #1F2633;             /* primary ink */
  --grey-2: #191E29;             /* dark surface */
  --grey-3: #222A38;             /* dark elevated */
  --grey-4: #535966;            /* muted text */
  --grey-5: #B1BBCC;             /* faint text / disabled */
  --grey-6: #E6EBF0;             /* hairline border */
  --grey-7: #FAFBFC;             /* page surface */
  --white: #FFFFFF;
  --black: #000000;
  --ink-night: #262626;          /* deck dark backdrop */

  /* ── Semantic aliases ──────────────────────────────── */
  --surface-page: var(--grey-7);
  --surface-card: var(--white);
  --surface-sunken: var(--grey-6);
  --surface-dark: var(--ink-night);

  --border-hairline: var(--grey-6);
  --border-strong: var(--grey-5);

  --text-strong: var(--grey-1);
  --text-body: rgba(31, 38, 51, 0.7);   /* 70% ink — Rime's default body */
  --text-muted: var(--grey-4);
  --text-faint: var(--grey-5);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: rgba(255, 255, 255, 0.7);

  --action: var(--rime-sky);
  --action-border: var(--rime-sky-border);
  --action-ink: var(--rime-blue-ink);

  /* Mark / tag accent surfaces (icon-box backgrounds) */
  --mark-blue: var(--rime-blue);
  --mark-sky: var(--rime-sky);
  --mark-orange: var(--rime-orange);
  --mark-violet: var(--rime-violet-soft);
  --mark-grey: var(--grey-7);
}