:root {
  /* Primary - Modern Indigo Blue */
  --color-primary: #4F6EF7;
  --color-primary-light: #6C8CFF;
  --color-primary-dark: #3D56D4;
  --color-primary-bg: #EEF1FE;
  --color-primary-gradient: linear-gradient(135deg, #4F6EF7, #6C8CFF);

  /* Accent */
  --color-accent-red: #FF6B6B;
  --color-accent-orange: #FFA94D;
  --color-accent-green: #20C997;
  --color-accent-purple: #845EF7;
  --color-accent-sky: #339AF0;
  --color-accent-pink: #F06595;

  /* Status */
  --color-success: #20C997;
  --color-success-bg: #E6F9F2;
  --color-warning: #F59E0B;
  --color-warning-bg: #FFF4E5;
  --color-danger: #FF6B6B;
  --color-danger-bg: #FEE9E9;

  /* Neutral */
  --color-white: #FFFFFF;
  --color-bg: #F0F4F8;
  --color-bg-secondary: #E8ECF2;
  --color-border: #E4E8EE;
  --color-border-light: #EEF1F6;
  --color-divider: #EDF0F5;

  /* Text */
  --color-text-primary: #1A1D28;
  --color-text-secondary: #5A5F72;
  --color-text-tertiary: #9BA0B4;
  --color-text-inverse: #FFFFFF;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 20px;
  --spacing-2xl: 24px;
  --spacing-3xl: 32px;

  /* Border radius */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.03);
  --shadow-sm: 0 2px 12px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.08);

  /* Font */
  --font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;

  /* Layout */
  --tab-bar-height: 64px;
  --header-height: 50px;
  --max-content-width: 414px;

  /* Z-index */
  --z-tab-bar: 100;
  --z-header: 100;
  --z-modal: 200;
  --z-toast: 300;
}