/* Shared design system — tokens + fonts for landing, app, pricing, login, admin */

@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root,
[data-theme="dark"] {
  /* Landing palette (authoritative) */
  --bg: #0A0B0D;
  --bg-panel: #121317;
  --bg-panel-2: #16181D;
  --line: #23262D;
  --line-soft: #1A1C21;
  --ink: #E6E8EC;
  --ink-dim: #9198A4;
  --ink-faint: #5B616C;
  --amber: #FFB627;
  --amber-dim: #B57F16;
  --pos: #3FD68C;   /* DATA ONLY: positive spread / gain */
  --neg: #FF5C5C;   /* DATA ONLY: negative spread / loss */
  --glow: rgba(255, 182, 39, .14);

  /* Aliases used by screener components */
  --panel: #121317;
  --tx-strong: #E6E8EC;
  --tx: #E6E8EC;
  --tx2: #C8CDD6;
  --tx-muted: #9198A4;
  --tx-faint: #5B616C;
  --tx-faint2: #5B616C;
  --tx-faint3: #5B616C;
  --tx-dim: #4A5060;
  --tx-dim2: #4A5060;
  --tx-dimmest: #3A3F4A;
  --num: #9198A4;
  --line2: #1A1C21;
  --line3: #23262D;
  --line-head: #23262D;
  --input-bg: #16181D;
  --input-bg2: #16181D;
  --input-border: #23262D;
  --bar-track: #23262D;
  --surface-soft: #121317;
  --track: #16181D;
  --pos-strong: #3FD68C;
  --neutral: #5B616C;
  --amber-bg: rgba(255, 182, 39, .14);

  /* Amber replaces indigo as the brand/interaction accent */
  --indigo: #FFB627;
  --indigo-tx: #FFB627;
  --indigo-tx2: #B57F16;
  --indigo-fill: rgba(255, 182, 39, .12);
  --indigo-fill-strong: rgba(255, 182, 39, .18);
  --indigo-fill-hover: rgba(255, 182, 39, .26);
  --indigo-border: rgba(255, 182, 39, .40);
  --top-row-bg: rgba(255, 182, 39, .06);
  --top-badge-bg: rgba(255, 182, 39, .18);

  /* Chain chips — neutral; the label text carries the chain, not colour */
  --chip-eth-tx:    #9198A4;  --chip-eth-bg:    rgba(255, 255, 255, .04);
  --chip-arb-tx:    #9198A4;  --chip-arb-bg:    rgba(255, 255, 255, .04);
  --chip-avax-tx:   #9198A4;  --chip-avax-bg:   rgba(255, 255, 255, .04);
  --chip-base-tx:   #9198A4;  --chip-base-bg:   rgba(255, 255, 255, .04);
  --chip-plasma-tx: #9198A4;  --chip-plasma-bg: rgba(255, 255, 255, .04);
  --chip-op-tx:     #9198A4;  --chip-op-bg:     rgba(255, 255, 255, .04);
}

[data-theme="light"] {
  --bg: #F0F1F3;
  --bg-panel: #FFFFFF;
  --bg-panel-2: #F5F6F8;
  --line: rgba(15, 20, 34, .10);
  --line-soft: rgba(15, 20, 34, .06);
  --ink: #1A1D23;
  --ink-dim: #5C6476;
  --ink-faint: #8A91A2;
  --amber: #A0650E;
  --amber-dim: #7A4A08;
  --pos: #0D8F5A;
  --neg: #C93A3A;
  --glow: rgba(160, 101, 14, .13);

  --panel: #FFFFFF;
  --tx-strong: #0E1322;
  --tx: #2A3142;
  --tx2: #1B2230;
  --tx-muted: #5C6476;
  --tx-faint: #737B8E;
  --tx-faint2: #737B8E;
  --tx-faint3: #697188;
  --tx-dim: #9098A8;
  --tx-dim2: #A2A9B8;
  --tx-dimmest: #AAB0BE;
  --num: #2C3340;
  --line2: rgba(15, 20, 34, .08);
  --line3: rgba(15, 20, 34, .10);
  --line-head: rgba(15, 20, 34, .13);
  --input-bg: rgba(15, 20, 34, .035);
  --input-bg2: rgba(15, 20, 34, .025);
  --input-border: rgba(15, 20, 34, .10);
  --bar-track: rgba(15, 20, 34, .12);
  --surface-soft: rgba(15, 20, 34, .02);
  --track: rgba(15, 20, 34, .05);
  --pos-strong: #0D8F5A;
  --neutral: #8A91A2;
  --amber-bg: rgba(160, 101, 14, .12);

  --indigo: #A0650E;
  --indigo-tx: #7A4A08;
  --indigo-tx2: #7A4A08;
  --indigo-fill: rgba(160, 101, 14, .10);
  --indigo-fill-strong: rgba(160, 101, 14, .16);
  --indigo-fill-hover: rgba(160, 101, 14, .22);
  --indigo-border: rgba(160, 101, 14, .38);
  --top-row-bg: rgba(160, 101, 14, .07);
  --top-badge-bg: rgba(160, 101, 14, .14);

  --chip-eth-tx:    #5C6476;  --chip-eth-bg:    rgba(15, 20, 34, .05);
  --chip-arb-tx:    #5C6476;  --chip-arb-bg:    rgba(15, 20, 34, .05);
  --chip-avax-tx:   #5C6476;  --chip-avax-bg:   rgba(15, 20, 34, .05);
  --chip-base-tx:   #5C6476;  --chip-base-bg:   rgba(15, 20, 34, .05);
  --chip-plasma-tx: #5C6476;  --chip-plasma-bg: rgba(15, 20, 34, .05);
  --chip-op-tx:     #5C6476;  --chip-op-bg:     rgba(15, 20, 34, .05);
}