/* Generated from web/src/theme.ts and web/src/brands.ts. Run npm run sync:design. */
:root {
  --page-bg: #0a0810;
  --page-ink: #f0ecf8;
  --surface: #100e1a;
  --silver-100: #100e1a;
  --silver-200: #18152a;
  --silver-300: #2e2545;
  --silver-400: #3a2f54;
  --silver-500: #46395f;
  --mine-100: #6a6480;
  --mine-200: #807a96;
  --mine-300: #9890b0;
  --mine-400: #cfc8de;
  --mine-500: #f0ecf8;
  --granny-100: #9890b0;
  --granny-200: #9890b0;
  --granny-300: #9890b0;
  --granny-400: #b8afcc;
  --granny-500: #cfc8de;
  --gray-50: #0b0810;
  --gray-100: #18152a;
  --gray-200: #2e2545;
  --gray-300: #8a82a0;
  --gray-400: #9890b0;
  --gray-500: #b8afcc;
  --gray-600: #cfc8de;
  --gray-700: #e8e4f2;
  --gray-800: #f0ecf8;
  --gray-900: #f0ecf8;
  --input-bg: #18152a;
  --input-ink: #f0ecf8;
  --input-placeholder: #9890b0;
  --gen-100: #241433;
  --gen-200: #3a1a57;
  --gen-300: #5a2a82;
  --gen-400: #7d1fb0;
  --gen-500: #9f22d4;
  --gen-600: #8b1eb8;
  --gen-700: #c98af0;
  --gen-800: #9f22d4;
  --gen-900: #5a2a82;
  --g45: linear-gradient(90deg, #fbb335 0%, #ff274f 46%, #9f22d4 100%);
  --gv: linear-gradient(180deg, #fbb335 0%, #ff274f 46%, #9f22d4 100%);
  --glow-1: 159, 34, 212;
  --glow-2: 255, 39, 79;
  --hot: #ff274f;
  --hot-soft: 255, 39, 79;
}
:root[data-theme-mode="light"] {
  --page-bg: #ffffff;
  --page-ink: #14101e;
  --surface: #ffffff;
  --silver-100: #faf8fc;
  --silver-200: #f3f0f8;
  --silver-300: #e7e3ee;
  --silver-400: #cfc8da;
  --silver-500: #b8afcc;
  --mine-100: #9089a0;
  --mine-200: #6f6880;
  --mine-300: #544c63;
  --mine-400: #26212f;
  --mine-500: #14101e;
  --granny-100: #cfc8da;
  --granny-200: #cfc8da;
  --granny-300: #cfc8da;
  --granny-400: #8b85a0;
  --granny-500: #6f6880;
  --gray-50: #faf8fc;
  --gray-100: #f3f0f8;
  --gray-200: #e7e3ee;
  --gray-300: #cfc8da;
  --gray-400: #6f6880;
  --gray-500: #544c63;
  --gray-600: #3a3447;
  --gray-700: #26212f;
  --gray-800: #14101e;
  --gray-900: #000000;
  --input-bg: #ffffff;
  --input-ink: #14101e;
  --input-placeholder: #6f6880;
}