/* Maximus — Color tokens
   Sampled verbatim from the Flutter app (lib/theme.dart → AppColors).
   Dark navy surfaces + blue accents; a single positive/danger pair. */

:root {
  /* ---- Base palette (raw values) ---- */
  --clr-background: #0A0E14;    /* app scaffold background */
  --clr-surface: #131A24;       /* card / elevated surface */
  --clr-surface-light: #1A2330; /* inputs, nested boxes, dropdown menu */
  --clr-primary: #3B7DD8;       /* buttons, selected states */
  --clr-accent: #4C9EEB;        /* icons, links, emphasis text, chart line */
  --clr-text-primary: #F2F5F9;  /* headings + body on dark */
  --clr-text-secondary: #8A94A6;/* muted labels, captions, hints */
  --clr-positive: #34D399;      /* upward trend / gains */
  --clr-danger: #EF5350;        /* destructive, downward trend */
  --clr-white: #FFFFFF;         /* text on primary button */

  /* ---- Accent tints (derived from primary, used for chips/icon wells) ---- */
  --clr-primary-a20: rgba(59, 125, 216, 0.20); /* icon well backgrounds */
  --clr-primary-a25: rgba(59, 125, 216, 0.25); /* percent chips, badges */
  --clr-primary-a30: rgba(59, 125, 216, 0.30); /* hairline borders on wells */

  /* ---- Semantic aliases ---- */
  --surface-app: var(--clr-background);
  --surface-card: var(--clr-surface);
  --surface-inset: var(--clr-surface-light);

  --text-heading: var(--clr-text-primary);
  --text-body: var(--clr-text-primary);
  --text-muted: var(--clr-text-secondary);
  --text-accent: var(--clr-accent);
  --text-on-primary: var(--clr-white);

  --action-primary: var(--clr-primary);
  --action-primary-hover: #4C8FE0;  /* +brightness of primary for web hover */
  --action-primary-press: #336CBE;  /* -brightness of primary for press */

  --border-hairline: var(--clr-surface-light);
  --border-emphasis: var(--clr-primary-a30);

  --feedback-positive: var(--clr-positive);
  --feedback-danger: var(--clr-danger);
}