/* ===== 高速抽奖 H5 设计系统变量 ===== */
/* 源自 miniprogram-2/highway-lottery/colors_and_type.css */
/* 本文件供 Cloudflare Pages 部署版本使用 */

:root {
  /* ===== Brand Colors ===== */
  --color-primary: #E53935;
  --color-primary-light: #EF5350;
  --color-primary-dark: #C62828;
  --color-primary-50: #FFEBEE;
  --color-primary-100: #FFCDD2;
  --color-primary-200: #EF9A9A;

  --color-secondary: #FF6D00;
  --color-secondary-light: #FF9100;
  --color-secondary-dark: #E65100;
  --color-secondary-50: #FFF3E0;
  --color-secondary-100: #FFE0B2;

  --color-tertiary: #FFD600;
  --color-tertiary-light: #FFEA00;
  --color-tertiary-50: #FFFDE7;

  /* ===== State Colors ===== */
  --state-success: #2E7D32;
  --state-warning: #F57F17;
  --state-error: #C62828;
  --state-info: #1565C0;

  /* ===== Neutrals ===== */
  --neutral-50: #FAFAFA;
  --neutral-100: #F5F5F5;
  --neutral-200: #EEEEEE;
  --neutral-300: #E0E0E0;
  --neutral-400: #BDBDBD;
  --neutral-500: #9E9E9E;
  --neutral-600: #757575;
  --neutral-700: #616161;
  --neutral-800: #424242;
  --neutral-900: #212121;

  /* ===== Background ===== */
  --bg-page: #FAFAFA;
  --bg-card: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-overlay: rgba(0, 0, 0, 0.5);

  /* ===== Text ===== */
  --text-primary: #212121;
  --text-secondary: #616161;
  --text-tertiary: #9E9E9E;
  --text-inverse: #FFFFFF;
  --text-link: #E53935;

  /* ===== Border ===== */
  --border-light: #EEEEEE;
  --border-default: #E0E0E0;
  --border-strong: #BDBDBD;

  /* ===== Radius ===== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* ===== Shadow ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-float: 0 12px 32px rgba(0, 0, 0, 0.12);

  /* ===== Typography ===== */
  --font-sans: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;

  /* Type Scale */
  --text-xs: 0.6875rem;    /* 11px */
  --text-sm: 0.75rem;      /* 12px */
  --text-base: 0.875rem;   /* 14px */
  --text-lg: 1rem;         /* 16px */
  --text-xl: 1.125rem;     /* 18px */
  --text-2xl: 1.25rem;     /* 20px */
  --text-3xl: 1.5rem;      /* 24px */
  --text-4xl: 1.875rem;   /* 30px */
  --text-5xl: 2.25rem;    /* 36px */

  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  /* ===== Spacing ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ===== 响应式布局 ===== */
  --container-max-mobile: 100%;
  --container-max-tablet: 768px;
  --container-max-pc: 480px;
}