/* mSamex Brand Kit v3 — Modern Exchange Direction
 * Inspired by Binance / Bybit / OKX functional clarity.
 * Charcoal anchor. White paper. ONE punch color: Mint Green.
 * All sans, no serif, no italic. Readable at any size.
 */

:root {
  /* === Surfaces === */
  --m3-bg:        #0B0E11;   /* Page background — charcoal */
  --m3-surface:   #14181E;   /* Default card */
  --m3-elevated:  #1C2127;   /* Elevated panel */
  --m3-line:      #252A33;   /* Hairlines on dark */
  --m3-line-soft: #1A1E25;

  /* === Light === */
  --m3-paper:     #FFFFFF;
  --m3-paper-2:   #F4F6F8;
  --m3-paper-3:   #E8ECF1;
  --m3-line-light: #D8DEE6;

  /* === Brand accent (singular) === */
  --m3-mint:      #00D68F;   /* The signature color */
  --m3-mint-deep: #00B377;
  --m3-mint-glow: rgba(0, 214, 143, 0.18);

  /* === Text === */
  --m3-ink:       #0B0E11;
  --m3-ink-soft:  #3D454F;
  --m3-mute:      #8B95A3;
  --m3-snow:      #FFFFFF;
  --m3-snow-dim:  rgba(255, 255, 255, 0.72);
  --m3-snow-mute: rgba(255, 255, 255, 0.46);

  /* === Semantic === */
  --m3-up:        #00D68F;   /* same as mint */
  --m3-down:      #F6465D;   /* Binance-style coral red */
  --m3-warn:      #F0B90B;

  /* === Type === */
  --m3-font: 'Geist', 'Söhne', 'Inter', system-ui, -apple-system, sans-serif;
  --m3-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  background: var(--m3-bg);
  color: var(--m3-snow);
  font-family: var(--m3-font);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "ss01", "cv02";
  line-height: 1.5;
}

::selection { background: var(--m3-mint); color: var(--m3-ink); }