/* V3设计系统 - 蓝色系（科技蓝 + 教育友好） */
:root {
  /* === Brand Colors (V3蓝色系) === */
  --brand-color: #1890FF;
  --brand-color-hover: #177DDC;
  --brand-color-active: #096DD9;
  --brand-contrast: #ffffff;

  /* === Semantic Colors === */
  --success-color: #52C41A;
  --warning-color: #FAAD14;
  --danger-color: #F5222D;
  --info-color: #13C2C2;

  /* === Text Colors === */
  --text-primary: #262626;
  --text-secondary: #595959;
  --text-tertiary: #8C8C8C;
  --text-inverse: #ffffff;

  /* === Background & Surface === */
  --background-color: #F5F5F5;
  --surface-color: #ffffff;
  --surface-hover: rgba(0, 0, 0, 0.02);
  --border-color: #E8E8E8;

  /* === Focus & States === */
  --focus-ring: rgba(24, 144, 255, 0.45);
  --focus-width: 2px;

  /* === Elevation (Shadows) === */
  --elev-0: none;
  --elev-1: 0 2px 6px rgba(0, 0, 0, 0.08);
  --elev-2: 0 6px 18px rgba(0, 0, 0, 0.12);
  --elev-3: 0 12px 32px rgba(0, 0, 0, 0.16);

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

  /* === Component Heights (V3标准) === */
  --height-btn: 40px;
  --height-input: 40px;
  --height-table-row: 48px;

  /* === Spacing (V3标准) === */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* === Typography === */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

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

  /* === Transitions === */
  --transition-fast: 150ms;
  --transition-base: 200ms;
  --transition-slow: 300ms;
}

/* === Dark Theme (可选，预留) === */
[data-theme="dark"] {
  --brand-color: #66B2FF;
  --brand-color-hover: #4D9BFF;
  --brand-color-active: #2E7BF8;
  --brand-contrast: #0B1325;

  --surface-color: #1A1F26;
  --background-color: #0B0F14;
  --border-color: #3B4452;
  --text-primary: #E9ECEF;
  --text-secondary: #ADB5BD;
  --text-tertiary: #737A83;
  --focus-ring: rgba(102, 178, 255, 0.55);
}