/**
 * 鹦鹉助教官网 - CSS变量定义
 * 品牌主色: #FDCD3B (鹦鹉黄)
 */

:root {
  /* ========== 主色系 - 品牌鹦鹉黄 ========== */
  --primary-color: #FDCD3B;
  --primary-light: #FFF7E0;
  --primary-dark: #E5B626;

  /* ========== 辅助色系 ========== */
  --secondary-color: #4A90E2;
  --accent-green: #7ED321;
  --accent-orange: #F5A623;
  --accent-purple: #9013FE;

  /* ========== 中性色系 ========== */
  --text-primary: #2C3E50;
  --text-secondary: #7F8C8D;
  --text-light: #95A5A6;
  --border-color: #E8E8E8;
  --bg-white: #FFFFFF;
  --bg-light: #F8F9FA;

  /* ========== 功能色 ========== */
  --success-color: #27AE60;
  --warning-color: #F39C12;
  --danger-color: #E74C3C;
  --info-color: #3498DB;

  /* ========== 渐变色 ========== */
  --gradient-primary: linear-gradient(135deg, #FDCD3B 0%, #F5A623 100%);
  --gradient-secondary: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);
  --gradient-hero: linear-gradient(135deg, #FFF7E0 0%, #FFFFFF 100%);

  /* ========== 字体系统 ========== */
  --font-family-base: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-family-number: "DIN Alternate", "Helvetica Neue", Arial, sans-serif;

  /* 字体大小 */
  --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-size-3xl: 48px;

  /* 字重 */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  /* 行高 */
  --line-height-tight: 1.2;
  --line-height-base: 1.6;
  --line-height-relaxed: 1.8;

  /* ========== 间距系统 ========== */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-2xl: 64px;
  --spacing-3xl: 96px;

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

  /* ========== 阴影 ========== */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.16);

  /* 鹦鹉黄特殊阴影 */
  --shadow-primary: 0 4px 16px rgba(253, 205, 59, 0.3);
  --shadow-primary-hover: 0 6px 20px rgba(253, 205, 59, 0.4);

  /* ========== 过渡动画 ========== */
  --transition-fast: 150ms ease-in-out;
  --transition-base: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;

  /* ========== 断点（响应式） ========== */
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1440px;

  /* ========== 容器宽度 ========== */
  --container-sm: 540px;
  --container-md: 720px;
  --container-lg: 960px;
  --container-xl: 1200px;
  --container-2xl: 1320px;

  /* ========== Z-index层级 ========== */
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
}