/**
 * Y888 Design Tokens
 * Single source of truth for all design values
 * Phase 0 - Foundation
 */

:root {
  /* Colors */
  --y888-primary: #EB05F2;
  /* Reference sampled: page bg #161616 (not pure black) */
  --y888-bg: #161616;
  --y888-bg-card: #1e1e1e;
  --y888-border: #414141;
  --y888-text: #FFFFFF;
  --y888-text-muted: #A4A4A4;
  --y888-text-dim: #9a9a9a;
  --y888-success: #04BE02;
  --y888-warning: #FFAA09;

  /* Spacing */
  --y888-space-xs: 0.1rem;
  --y888-space-sm: 0.14rem;
  --y888-space-md: 0.2rem;
  --y888-space-lg: 0.3rem;
  --y888-space-xl: 15px;

  /* Border radius */
  --y888-radius-sm: 0.1rem;
  --y888-radius-md: 0.14rem;
  --y888-radius-lg: 18px;

  /* Typography */
  --y888-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  --y888-font-size-xs: 0.14rem;
  --y888-font-size-sm: 0.2rem;
  --y888-font-size-md: 0.24rem;
  --y888-font-size-lg: 0.26rem;
  --y888-font-weight: 400;

  /* Layout */
  --y888-max-width: 750px;
  --y888-letterbox-ratio: 56.2219vh;
  --y888-card-width: 2.1rem;

  /* Bottom nav */
  --y888-nav-bg: #1E1E1E;
  --y888-nav-inactive: #999999;
  --y888-nav-height: 1.24rem;
  --y888-nav-icon-size: 0.5rem;

  /* Animations */
  --y888-transition-fast: 0.15s ease;
  --y888-transition-normal: 0.3s ease;
  --y888-transition-slow: 0.3s ease;

  /* ---- Reference skin variables (from original theme, exact values) ----
     Required by assets/theme-0 dialog CSS chunks (Find Us, Download, Bind Phone).
     Values extracted verbatim from the reference <style>:root block. */
--skin__btn_color_1: #EB05F2;
--skin__web_left_bg_q: #FFFFFF0A;
--skin__filter_active: #EB05F2;
--skin__bg_2: #161616;
--skin__bg_1: #212121;
--skin__custom_3: #FFFFFF;
--skin__web_left_bg_z: #FFFFFF0D;
--skin__jackpot_text: #FFFFFF;
--skin__btmnav_active: #EB05F2;
--skin__filter_bg: #212121;
--skin__alt_primary: #EB05F2;
--skin__border: #414141;
--skin__alt_lead: #FFFFFF;
--skin__profile_toptext: #FFFFFF;
--skin__bs_zc_an1: #1E1E1E;
--skin__profile_icon_2: #EB05F2;
--skin__ddt_icon: #2A2A2A;
--skin__neutral_1: #A4A4A4;
--skin__bs_topnav_bg: #000000;
--skin__neutral_3: #757575;
--skin__tg_primary: #E9BBEA;
--skin__neutral_2: #757575;
--skin__icon_tg_z: #A4A4A4;
--skin__ddt_bg: #1E1E1E;
--skin__alt_text_primary: #FFFFFF;
--skin__lead: #FFFFFF;
--skin__accent_2: #EA4E3D;
--skin__cards_text: #A4A4A4;
--skin__accent_1: #04BE02;
--skin__alt_border: #A4A4A4;
--skin__accent_4: #C609FF;
--skin__web_bs_yj_bg: #000000;
--skin__kb_bg: #313131;
--skin__primary: #EB05F2;
--skin__icon_1: #EB05F2;
--skin__web_left_bg_shadow_active: #0000001F;
--skin__table_bg: #161616;
--skin__web_bs_zc_an2: #2B2A2A;
--skin__leftnav_active: #FFFFFF;
--skin__home_db: #212121;
--skin__alt_neutral_1: #A4A4A4;
--skin__jdd_vip_bjc: #EB05F2;
--skin__alt_neutral_2: #757575;
--skin__accent_3: #FFAA09;
--skin__btmnav_def: #757575;
--skin__icon_tg_q: #A4A4A4;
--skin__ID: 2-90;
--skin__tg_accent_3: #FFE7B8;
--skin__custom_1: #FFFFFF;
--skin__search_icon: #A4A4A4;
--skin__profile_icon_4: #EB05F2;
--skin__web_topbg_1: #5B5B5B;
--skin__custom_2: #FFFFFF;
--skin__web_topbg_3: #2D2B2B;
--skin__leftnav_def: #A4A4A4;
--skin__home_bg: #161616;
--skin__web_load_zz: #31313166;
--skin__text_primary: #FFFFFF;
--skin__web_btmnav_db: #1E1E1E;
--skin__label_accent3: #FFAA09;
--skin__profile_icon_1: #EB05F2;
--skin__web_left_bg_shadow: #0000001F;
--skin__profile_icon_3: #EB05F2;
--skin__bs_zc_bg: #161616;
--skin__web_filter_gou: #5F5F5F;
--skin__tg_accent_1: #BBDFC1;
--skin__web_plat_line: #313131;
--skin__labeltext_accent3: #FFFFFF;
--skin__text_accent3: #FFFFFF;
--skin__btn_color_2: #EB05F2;
}

/* Base typography - matches y888.com original body font stack */
body {
  font-family: var(--y888-font-family);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}