/* Generated by scripts/emit-tokens.mjs — do not edit.
 * Source: packages/shared-ui/src/constants/theme.{light,dark}.ts
 * Regenerate with `npm run tokens`. */

:root {
  --color-primary-50: #eef3ff;
  --color-primary-100: #d6e2ff;
  --color-primary-200: #adc4ff;
  --color-primary-300: #7fa1ff;
  --color-primary-400: #4d7dff;
  --color-primary-500: #1f60ff;
  --color-primary-600: #0052ff;
  --color-primary-700: #003ecc;
  --color-primary-800: #002f99;
  --color-primary-900: #001f66;
  --color-gray-50: #f7f7f7;
  --color-gray-100: #eef0f3;
  --color-gray-200: #dee1e6;
  --color-gray-300: #c7cbd3;
  --color-gray-400: #a8acb3;
  --color-gray-500: #676c75;
  --color-gray-600: #5b616e;
  --color-gray-700: #3d434e;
  --color-gray-800: #22262e;
  --color-gray-900: #0a0b0d;
  --color-success-50: #e8f7f0;
  --color-success-100: #c2ead9;
  --color-success-500: #05b169;
  --color-success-600: #049257;
  --color-success-700: #047a4e;
  --color-error-50: #fdecee;
  --color-error-100: #f8ccd1;
  --color-error-500: #cf202f;
  --color-error-600: #b31a27;
  --color-error-700: #94151f;
  --color-warning-50: #fef7e6;
  --color-warning-100: #fce9b8;
  --color-warning-500: #f4b000;
  --color-warning-600: #b58200;
  --color-warning-700: #8a6200;
  --color-trading-buy: #05b169;
  --color-trading-buy-bg: #e8f7f0;
  --color-trading-buy-border: #a9dfc6;
  --color-trading-buy-text: #047a4e;
  --color-trading-sell: #cf202f;
  --color-trading-sell-bg: #fdecee;
  --color-trading-sell-border: #f4bcc1;
  --color-trading-sell-text: #b31a27;
  --color-trading-sebi-gold: #f4b000;
  --color-trading-sebi-gold-bg: #fef7e6;
  --color-trading-sebi-gold-border: #fbe0a3;
  --color-trading-sebi-gold-text: #8a6200;
  --color-trading-tp-active: #05b169;
  --color-trading-sl-active: #cf202f;
  --color-canvas: #f7f7f7;
  --color-surface1: #ffffff;
  --color-surface2: #f7f7f7;
  --color-surface3: #eef0f3;
  --color-surface4: #eef0f3;
  --color-hairline: #dee1e6;
  --color-hairline-strong: #c7cbd3;
  --color-hairline-tertiary: #a8acb3;
  --color-ink: #0a0b0d;
  --color-ink-muted: #3d434e;
  --color-ink-subtle: #5b616e;
  --color-ink-tertiary: #7c828a;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-transparent: transparent;
}

@media (prefers-color-scheme: dark) {
    :root {
    --color-primary-50: #0a1129;
    --color-primary-100: #0e1a3d;
    --color-primary-200: #142559;
    --color-primary-300: #1b3480;
    --color-primary-400: #2a4fb3;
    --color-primary-500: #003ecc;
    --color-primary-600: #0052ff;
    --color-primary-700: #4f8dff;
    --color-primary-800: #7aa9ff;
    --color-primary-900: #a6c5ff;
    --color-gray-50: #0a0b0d;
    --color-gray-100: #16181c;
    --color-gray-200: #22252b;
    --color-gray-300: #2e323a;
    --color-gray-400: #5b616e;
    --color-gray-500: #7c828a;
    --color-gray-600: #a8acb3;
    --color-gray-700: #c7cbd3;
    --color-gray-800: #dee1e6;
    --color-gray-900: #f7f8f9;
    --color-success-50: #06231a;
    --color-success-100: #0a3a2a;
    --color-success-500: #05b169;
    --color-success-600: #06c777;
    --color-success-700: #3fd48f;
    --color-error-50: #2a0e11;
    --color-error-100: #45151b;
    --color-error-500: #cf202f;
    --color-error-600: #e63946;
    --color-error-700: #ff6a75;
    --color-warning-50: #2a1f05;
    --color-warning-100: #45330a;
    --color-warning-500: #f4b000;
    --color-warning-600: #ffc233;
    --color-warning-700: #ffd470;
    --color-trading-buy: #05b169;
    --color-trading-buy-bg: #06231a;
    --color-trading-buy-border: #0a3a2a;
    --color-trading-buy-text: #3fd48f;
    --color-trading-sell: #cf202f;
    --color-trading-sell-bg: #2a0e11;
    --color-trading-sell-border: #45151b;
    --color-trading-sell-text: #ff6a75;
    --color-trading-sebi-gold: #f4b000;
    --color-trading-sebi-gold-bg: #2a1f05;
    --color-trading-sebi-gold-border: #45330a;
    --color-trading-sebi-gold-text: #ffd470;
    --color-trading-tp-active: #06c777;
    --color-trading-sl-active: #e63946;
    --color-canvas: #0a0b0d;
    --color-surface1: #16181c;
    --color-surface2: #1b1e23;
    --color-surface3: #22252b;
    --color-surface4: #2e323a;
    --color-hairline: #22252b;
    --color-hairline-strong: #2e323a;
    --color-hairline-tertiary: #3e434c;
    --color-ink: #f7f8f9;
    --color-ink-muted: #c7cbd3;
    --color-ink-subtle: #a8acb3;
    --color-ink-tertiary: #7c828a;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-transparent: transparent;
  }
}