/* ============================================================
   COLORS
   OpenAlpha's palette is anchored by an ink-navy editorial scheme.
   Base palette = raw brand hues. Semantic aliases below map them
   to surfaces, text, borders and states for the LIGHT theme
   (the warm editorial investor portal). Dark-theme overrides
   live in dark.css.
   ============================================================ */

:root {
  /* ---- Brand core ---- */
  --oa-ink: #0b1847;          /* primary ink — all text derives from this */
  --oa-deep-0: #05082c;       /* deepest navy — dark-mode ground, logo fill */
  --oa-brand-blue: #0058ff;   /* the OpenAlpha blue — primary actions */
  --oa-blue: #3d6eff;         /* lifted blue — focus, links, accents */
  --oa-mark-violet: #cd6eff;  /* logo gradient terminus (blue → violet) */

  /* ---- Asset accents (official crypto brand hues, tuned for the app) ---- */
  --oa-btc: #f7931a;          /* Bitcoin / SmartBTC */
  --oa-eth: #6e83c8;          /* Ethereum / SmartETH */
  --oa-purple: #7b61ff;       /* Smart10 / multi-asset */

  /* ---- Semantic state hues ---- */
  --oa-pos: #48c387;          /* positive return / long / live */
  --oa-neg: #e8556b;          /* negative return / short */
  --oa-warn: #f5a524;         /* caution / pending */
  --oa-soon: #8390b5;         /* muted / coming-soon */

  /* ---- Provenance (signal lineage badges) ---- */
  --oa-ep-backtest: #5b8def;  /* backtested */
  --oa-ep-ls: #9b6bff;        /* live signal */
  --oa-ep-live: #48c387;      /* live capital */

  /* ---- Signal-lattice / wave field ---- */
  --oa-wave-dark: #d2dbf7;
  --oa-wave-light: #9aa8cc;

  /* =========================================================
     SEMANTIC ALIASES — LIGHT THEME (warm editorial)
     Prefer these in product code, not the raw hues above.
     ========================================================= */

  /* Surfaces */
  --p-page: #f5f7fa;          /* app page ground */
  --p-paper: #ffffff;         /* raised cards / panels */
  --p-inset: #f5f7fa;         /* inset wells inside cards */
  --p-surface: #fbfaf7;       /* warm paper — marketing / portal body */
  --p-surface-alt: #eef1f9;   /* cool alt band */

  /* Ink ladder — navy at descending opacity. Use for text + dividers. */
  --p-text: rgba(11, 24, 71, 0.92);   /* primary text */
  --p-text-72: rgba(11, 24, 71, 0.72);/* strong secondary */
  --p-text-65: rgba(11, 24, 71, 0.65);/* secondary body */
  --p-text-55: rgba(11, 24, 71, 0.55);/* labels / captions */
  --p-text-50: rgba(11, 24, 71, 0.50);
  --p-text-45: rgba(11, 24, 71, 0.45);/* muted */
  --p-text-30: rgba(11, 24, 71, 0.30);/* faint / disabled */
  --p-text-20: rgba(11, 24, 71, 0.20);
  --p-text-08: rgba(11, 24, 71, 0.08);/* hover wash / tint fills */
  --p-border: rgba(11, 24, 71, 0.10); /* hairline dividers + card borders */

  /* Frosted chip surface (see-more affordance, tags) */
  --oa-chip-bg: rgba(255, 255, 255, 0.72);
  --oa-chip-border: rgba(11, 24, 71, 0.12);
}