/* PredictionMarkets.xyz — Design Tokens v2.0 */

:root {
  /* Core neutrals */
  --ink:        #08090C;
  --ink-soft:   #33363F;
  --ink-muted:  #71757F;
  --rule:       #E0E2EA;
  --rule-light: #EFF0F6;
  --page:       #F5F6FB;
  --white:      #FFFFFF;

  /* Brand signal */
  --signal:     #1140E8;
  --signal-dk:  #0B2FBE;
  --signal-lt:  #ECF0FF;
  --hot:        #E23636;
  --hot-lt:     #FFEFEF;
  --green:      #009B63;
  --green-lt:   #E3FAF1;
  --amber:      #C2680A;
  --amber-lt:   #FEF6E9;

  /* Platform accents */
  --og:         #0AB5C4;
  --og-ink:     #06343A;
  --og-lt:      #E6FAFC;
  --kalshi:     #1A56DB;
  --kalshi-lt:  #EDF3FF;
  --poly:       #2A36D8;
  --poly-lt:    #ECEEFF;
  --prophet:    #11A86A;
  --prophet-lt: #E4FAF0;
  --robin:      #00B806;
  --robin-lt:   #E3FBE3;
  --cdc:        #0E3A63;
  --cdc-lt:     #E9F0F7;
  --novig:      #6D2BE8;
  --novig-lt:   #F1EAFF;
  --manifold:   #D6328C;
  --manifold-lt:#FCEAF4;
  --koinly:     #FF6B35;
  --koinly-lt:  #FFF0E9;

  /* Geometry */
  --r:   7px;
  --r2: 14px;
  --r3: 20px;
  --r-pill: 100px;

  /* Typography */
  --font-d: 'DM Serif Display', Georgia, serif;
  --font-b: 'DM Sans', system-ui, sans-serif;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(8,9,12,.05), 0 2px 12px rgba(8,9,12,.035);
  --shadow-md: 0 4px 16px rgba(8,9,12,.08), 0 1px 4px rgba(8,9,12,.04);
  --shadow-lg: 0 10px 40px rgba(8,9,12,.12), 0 2px 8px rgba(8,9,12,.06);

  /* Transitions */
  --t-fast: 0.15s ease;
  --t-mid:  0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (prefers-contrast: high) {
  :root { --rule: #999; --ink-muted: #555; }
}
