:root {
    --primary-color: #C8102E;
    --success-color: #10B981;
    --success-hover: #059669;
    --warning-color: #F59E0B;
    --warning-hover: #D97706;
    --danger-color: #EF4444;
    --info-color: #3B82F6;
    --info-hover: #2563EB;
    --purple-color: #8B5CF6;
    --purple-hover: #7C3AED;
    --gray-50: #F9FAFB;
    --gray-100: #F3F4F6;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-500: #6B7280;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-800: #1F2937;
    --gray-900: #111827;
    --text-dark: #333333;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-base: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* === 扩展色阶令牌（第三轮设计令牌体系） === */
    /* danger 系列（红色阶，对应 Tailwind red） */
    --danger-50:  #fef2f2;
    --danger-100: #fee2e2;
    --danger-200: #fecaca;
    --danger-400: #f87171;
    --danger-600: #dc2626;
    --danger-800: #991b1b;
    /* info 系列（蓝色阶，对应 Tailwind blue） */
    --info-50:  #eff6ff;
    --info-100: #dbeafe;
    --info-200: #bfdbfe;
    --info-600: #2563eb;     /* 与 --info-hover 同值（语义别名） */
    --info-700: #1d4ed8;
    --info-800: #1e40af;
    /* warning 系列扩展 */
    --warning-50: #fffbeb;
    --warning-100: #fef3c7;
    --warning-400: #fbbf24;
    /* success 系列（绿/翡翠色阶，对应 Tailwind green/emerald） */
    --success-50:  #f0fdf4;
    --success-100: #d1fae5;
    --success-200: #bbf7d0;
    --success-600: #16a34a;
    --success-700: #15803d;
    --success-800: #065f46;
    /* purple 系列（紫罗兰色阶） */
    --purple-50:  #f5f3ff;
    --purple-200: #e9d5ff;
    --purple-800: #6b21a8;
    /* danger 系列补充 */
    --danger-300: #fca5a5;

    /* 品牌红透明度系列（rgba(200,16,46,X) 全局高频） */
    --primary-050: rgba(200, 16, 46, 0.05);
    --primary-100: rgba(200, 16, 46, 0.1);
    --primary-300: rgba(200, 16, 46, 0.3);
    /* 品牌红渐变端色 */
    --primary-dark: #b30e28;
    --primary-700: #a80e26;
    --primary-darker: #881818;
    /* danger 透明度系列 */
    --danger-020: rgba(239, 68, 68, 0.2);
    --danger-025: rgba(239, 68, 68, 0.25);
    --danger-035: rgba(239, 68, 68, 0.35);
    /* success 透明度系列（基色 --success-color #10b981） */
    --success-020: rgba(16, 185, 129, 0.2);
    --success-025: rgba(16, 185, 129, 0.25);
    --success-035: rgba(16, 185, 129, 0.35);
    /* warning 透明度系列（基色 --warning-color #f59e0b） */
    --warning-020: rgba(245, 158, 11, 0.2);
    --warning-025: rgba(245, 158, 11, 0.25);
    --warning-035: rgba(245, 158, 11, 0.35);
    /* 黑色叠加层系列（阴影/分隔线用） */
    --overlay-050: rgba(0, 0, 0, 0.05);
    --overlay-060: rgba(0, 0, 0, 0.06);
    --overlay-080: rgba(0, 0, 0, 0.08);
    --overlay-100: rgba(0, 0, 0, 0.1);
    --overlay-150: rgba(0, 0, 0, 0.15);

    /* 白色与间距令牌（统一 student_pages.css 的 spacing 原型） */
    --white: #ffffff;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 0.75rem;
    --spacing-lg: 1rem;

    /* === 第四轮扩展令牌 === */
    /* slate 系列（蓝灰色阶，对应 Tailwind slate） */
    --slate-50:  #f8fafc;
    --slate-100: #f1f5f9;
    --slate-200: #e2e8f0;
    --slate-300: #cbd5e1;
    --slate-500: #64748b;
    --slate-700: #334155;
    --slate-800: #1e293b;
    /* orange 系列（对应 Tailwind orange） */
    --orange-50:  #fff7ed;
    --orange-300: #fdba74;
    --orange-400: #fb923c;
    --orange-500: #f97316;
    --orange-600: #ea580c;
    --orange-800: #9a3412;
    /* green 补充（对应 Tailwind green） */
    --green-100: #dcfce7;
    --green-500: #22c55e;
    --green-800: #166534;
    /* blue 补充 */
    --blue-300: #93c5fd;
    /* red 补充 */
    --red-700: #b91c1c;
    /* rose 系列（对应 Tailwind rose） */
    --rose-500: #f43f5e;
    --rose-600: #e11d48;
    /* pink 系列（对应 Tailwind pink） */
    --pink-100: #fce7f3;
    --pink-600: #db2777;
    /* yellow 补充 */
    --yellow-500: #eab308;
    --yellow-600: #ca8a04;
    /* amber 补充 */
    --amber-700: #b45309;
    --amber-800: #92400e;
    /* indigo 系列 */
    --indigo-500: #6366f1;
    /* cyan 系列 */
    --cyan-500: #06b6d4;
    --cyan-600: #0891b2;
    /* emerald 补充 */
    --emerald-700: #047857;
    /* violet 系列 */
    --violet-300: #c4b5fd;
    --violet-400: #a78bfa;
    /* amber 系列 */
    --amber-200: #fde68a;
    --amber-300: #fcd34d;
    /* rose 系列 */
    --rose-300: #fda4af;
    --rose-400: #fb7185;
    /* 补充灰色 */
    --gray-250: #e0e0e0;
    /* 主题蓝 */
    --accent-blue: #4f81bd;
    /* green 系列 */
    --green-300: #86efac;
    --green-400: #4ade80;
    /* blue 系列 */
    --blue-400: #60a5fa;
    /* pink 系列 */
    --pink-300: #f9a8d4;
    /* 深灰补充 */
    --gray-850: #2d3748;
    --gray-950: #1a202c;
    /* 品牌红透明度补充 */
    --primary-040: rgba(200, 16, 46, 0.04);
    --primary-080: rgba(200, 16, 46, 0.08);
    --primary-120: rgba(200, 16, 46, 0.12);
    --primary-150: rgba(200, 16, 46, 0.15);
    --primary-200: rgba(200, 16, 46, 0.2);
    --primary-250: rgba(200, 16, 46, 0.25);
    --primary-400: rgba(200, 16, 46, 0.4);
    /* 白色透明度系列 */
    --white-020: rgba(255, 255, 255, 0.2);
    --white-025: rgba(255, 255, 255, 0.25);
    --white-030: rgba(255, 255, 255, 0.3);
    --white-050: rgba(255, 255, 255, 0.5);
    --white-085: rgba(255, 255, 255, 0.85);
    --white-090: rgba(255, 255, 255, 0.9);
    /* 黑色叠加层补充 */
    --overlay-040: rgba(0, 0, 0, 0.04);
    --overlay-500: rgba(0, 0, 0, 0.5);
}