/* ============================================
   华田中央大学 - 设计令牌 Design Tokens
   主题：深蓝 + 白色 · 追梦 · 高端现代
   ============================================ */

:root {
  /* ---------- 品牌主色 - 深蓝系 ---------- */
  --color-primary-900: #0A1628;   /* 最深蓝 - 夜空 */
  --color-primary-800: #0F2137;   /* 深海蓝 */
  --color-primary-700: #152D4A;   /* 深邃蓝 */
  --color-primary-600: #1A3A5E;   /* 主深蓝 */
  --color-primary-500: #1E4A7A;   /* 标准蓝 */
  --color-primary-400: #2D5F9A;   /* 中蓝 */
  --color-primary-300: #4A7FBF;   /* 亮蓝 */
  --color-primary-200: #7FA8D6;   /* 浅蓝 */
  --color-primary-100: #B8D0E8;   /* 淡蓝 */
  --color-primary-50:  #E8F0F8;   /* 最浅蓝 */

  /* 语义主色 */
  --color-primary: var(--color-primary-600);
  --color-primary-dark: var(--color-primary-800);
  --color-primary-light: var(--color-primary-400);

  /* ---------- 点缀色 - 金色 ---------- */
  --color-gold-500: #C9A961;   /* 标准金 */
  --color-gold-400: #D4BA7A;   /* 亮金 */
  --color-gold-300: #E0CB95;   /* 淡金 */
  --color-gold-600: #A88B4A;   /* 深金 */
  --color-gold-700: #8B6F3A;   /* 暗金 */

  --color-gold: var(--color-gold-500);
  --color-gold-light: var(--color-gold-400);
  --color-gold-dark: var(--color-gold-600);

  /* ---------- 中性色 - 白色系 ---------- */
  --color-white: #FFFFFF;
  --color-gray-50: #FAFBFC;
  --color-gray-100: #F5F7FA;
  --color-gray-200: #EEF1F5;
  --color-gray-300: #E1E6ED;
  --color-gray-400: #C9D0DB;
  --color-gray-500: #98A2B3;
  --color-gray-600: #667085;
  --color-gray-700: #475467;
  --color-gray-800: #2D3748;
  --color-gray-900: #1A202C;

  /* 语义文字色 */
  --color-text-primary: var(--color-gray-900);
  --color-text-secondary: var(--color-gray-600);
  --color-text-tertiary: var(--color-gray-500);
  --color-text-muted: var(--color-gray-400);
  --color-text-white: var(--color-white);
  --color-text-inverse: var(--color-white);

  /* 语义背景色 */
  --color-bg-primary: var(--color-white);
  --color-bg-secondary: var(--color-gray-50);
  --color-bg-tertiary: var(--color-gray-100);
  --color-bg-dark: var(--color-primary-900);
  --color-bg-darker: #060D18;

  /* 语义边框色 */
  --color-border: var(--color-gray-200);
  --color-border-light: var(--color-gray-100);
  --color-border-dark: var(--color-gray-300);

  /* ---------- 功能色 ---------- */
  --color-success: #12B76A;
  --color-warning: #F79009;
  --color-error: #F04438;
  --color-info: var(--color-primary-400);

  /* ---------- 渐变 ---------- */
  --gradient-primary: linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary-500) 100%);
  --gradient-hero: linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-primary-600) 50%, var(--color-primary-500) 100%);
  --gradient-hero-alt: linear-gradient(180deg, var(--color-primary-800) 0%, var(--color-primary-600) 100%);
  --gradient-gold: linear-gradient(135deg, var(--color-gold-600) 0%, var(--color-gold-400) 100%);
  --gradient-elegant: linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-gold-600) 100%);
  --gradient-card: linear-gradient(180deg, var(--color-white) 0%, var(--color-gray-50) 100%);

  /* ---------- 阴影系统 ---------- */
  --shadow-xs: 0 1px 2px rgba(10, 22, 40, 0.04);
  --shadow-sm: 0 2px 8px rgba(10, 22, 40, 0.06);
  --shadow-md: 0 4px 16px rgba(10, 22, 40, 0.08);
  --shadow-lg: 0 8px 32px rgba(10, 22, 40, 0.12);
  --shadow-xl: 0 16px 48px rgba(10, 22, 40, 0.16);
  --shadow-2xl: 0 24px 64px rgba(10, 22, 40, 0.2);
  --shadow-gold: 0 4px 20px rgba(201, 169, 97, 0.3);
  --shadow-glow: 0 0 40px rgba(30, 74, 122, 0.15);

  /* ---------- 圆角系统 ---------- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* ---------- 间距系统 (4px base) ---------- */
  --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;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* ---------- 排版系统 ---------- */
  --font-family-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
    "Source Han Sans CN", "Hiragino Sans GB", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, sans-serif;
  --font-family-serif: "Noto Serif SC", "Source Han Serif CN", "Songti SC",
    "SimSun", Georgia, serif;
  --font-family-display: "Noto Serif SC", "Source Han Serif CN", "Songti SC",
    Georgia, serif;
  --font-family-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;

  /* 字号 */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;
  --font-size-7xl: 72px;

  /* 行高 */
  --line-height-tight: 1.25;
  --line-height-snug: 1.4;
  --line-height-normal: 1.6;
  --line-height-relaxed: 1.8;

  /* 字重 */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ---------- 布局 ---------- */
  --container-max-width: 1280px;
  --container-narrow: 1024px;
  --header-height: 72px;
  --header-height-scrolled: 64px;
  --footer-height: 320px;

  /* ---------- 过渡动画 ---------- */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slower: 600ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ---------- Z-index ---------- */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal: 400;
  --z-toast: 500;
}