/* 
  乐造网站 - 现代主题系统 v2
  使用 oklch() 颜色空间，遵循 SuperDesign 规范
*/

/* 主题1: 活力橙 (现代渐变) */
[data-theme="orange"] {
    --primary: oklch(65% 0.18 30);
    --primary-foreground: oklch(100% 0 0);
    --secondary: oklch(25% 0.02 250);
    --accent: oklch(70% 0.15 160);
    --background: oklch(98% 0.01 240);
    --surface: oklch(100% 0 0);
    --surface-hover: oklch(97% 0.02 240);
    --foreground: oklch(20% 0.02 250);
    --muted: oklch(55% 0.02 250);
    --border: oklch(90% 0.01 240);
    --radius: 1rem;
    --shadow: oklch(25% 0.02 250 / 0.1);
    --shadow-hover: oklch(25% 0.02 250 / 0.15);
    --font-sans: "Plus Jakarta Sans", "Microsoft YaHei", sans-serif;
}

/* 主题2: 科技绿 */
[data-theme="green"] {
    --primary: oklch(72% 0.18 150);
    --primary-foreground: oklch(100% 0 0);
    --secondary: oklch(22% 0.02 170);
    --accent: oklch(60% 0.15 250);
    --background: oklch(97% 0.02 160);
    --surface: oklch(100% 0 0);
    --surface-hover: oklch(96% 0.02 160);
    --foreground: oklch(20% 0.02 170);
    --muted: oklch(50% 0.02 170);
    --border: oklch(90% 0.01 160);
    --radius: 0.5rem;
    --shadow: oklch(22% 0.02 170 / 0.08);
    --shadow-hover: oklch(22% 0.02 170 / 0.12);
    --font-sans: "Plus Jakarta Sans", "Microsoft YaHei", sans-serif;
}

/* 主题3: 商务蓝 */
[data-theme="blue"] {
    --primary: oklch(58% 0.22 250);
    --primary-foreground: oklch(100% 0 0);
    --secondary: oklch(22% 0.02 250);
    --accent: oklch(65% 0.18 280);
    --background: oklch(97% 0.01 230);
    --surface: oklch(100% 0 0);
    --surface-hover: oklch(96% 0.01 230);
    --foreground: oklch(20% 0.02 250);
    --muted: oklch(55% 0.02 250);
    --border: oklch(88% 0.01 230);
    --radius: 0.625rem;
    --shadow: oklch(22% 0.02 250 / 0.08);
    --shadow-hover: oklch(22% 0.02 250 / 0.12);
    --font-sans: "Inter", "Microsoft YaHei", sans-serif;
}

/* 主题4: 清新紫 */
[data-theme="purple"] {
    --primary: oklch(70% 0.2 300);
    --primary-foreground: oklch(100% 0 0);
    --secondary: oklch(28% 0.02 290);
    --accent: oklch(68% 0.18 330);
    --background: oklch(97% 0.01 280);
    --surface: oklch(100% 0 0);
    --surface-hover: oklch(96% 0.01 280);
    --foreground: oklch(22% 0.02 290);
    --muted: oklch(52% 0.02 290);
    --border: oklch(90% 0.01 280);
    --radius: 1.25rem;
    --shadow: oklch(28% 0.02 290 / 0.1);
    --shadow-hover: oklch(28% 0.02 290 / 0.15);
    --font-sans: "DM Sans", "Microsoft YaHei", sans-serif;
}

/* 主题5: 幼儿粉 */
[data-theme="pink"] {
    --primary: oklch(75% 0.2 340);
    --primary-foreground: oklch(25% 0.02 340);
    --secondary: oklch(45% 0.02 340);
    --accent: oklch(80% 0.15 45);
    --background: oklch(97% 0.01 320);
    --surface: oklch(100% 0 0);
    --surface-hover: oklch(96% 0.01 320);
    --foreground: oklch(30% 0.02 340);
    --muted: oklch(55% 0.02 340);
    --border: oklch(92% 0.01 320);
    --radius: 1.5rem;
    --shadow: oklch(45% 0.02 340 / 0.08);
    --shadow-hover: oklch(45% 0.02 340 / 0.12);
    --font-sans: "Nunito", "Microsoft YaHei", sans-serif;
}

/* 引入 Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Nunito:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* CSS 变量默认值 */
:root {
    --primary: oklch(65% 0.18 30);
    --primary-foreground: oklch(100% 0 0);
    --secondary: oklch(25% 0.02 250);
    --accent: oklch(70% 0.15 160);
    --background: oklch(98% 0.01 240);
    --surface: oklch(100% 0 0);
    --surface-hover: oklch(97% 0.02 240);
    --foreground: oklch(20% 0.02 250);
    --muted: oklch(55% 0.02 250);
    --border: oklch(90% 0.01 240);
    --radius: 1rem;
    --shadow: oklch(25% 0.02 250 / 0.1);
    --shadow-hover: oklch(25% 0.02 250 / 0.15);
    --font-sans: "Plus Jakarta Sans", "Microsoft YaHei", sans-serif;
}

/* 过渡动画 */
*, *::before, *::after {
    transition: 
        background-color 200ms ease,
        color 200ms ease,
        border-color 200ms ease,
        box-shadow 200ms ease,
        transform 200ms ease;
}