/* ========================================
 * THEME-STYLE.CSS - 视觉相关变量
 * 供 Node4 (beautiful_style) 使用
 * ======================================== */

:root {
  /* 字体字号 */
  --font-size-display: 60px;
  --font-size-h1: 48px;
  --font-size-h2: 36px;
  --font-size-h3: 30px;
  --font-size-h4: 24px;
  --font-size-base: 18px;
  --font-size-sm-body: 16px;
  --font-size-caption: 14px;

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

  /* 行高 */
  --line-height-tight: 1.2;
  --line-height-normal: 1.3;
  --line-height-relaxed: 1.4;
  --line-height-loose: 1.6;

  /* 字间距 */
  --letter-spacing-tight: -0.01em;
  --letter-spacing-normal: -0.005em;
  --letter-spacing-base: 0;
  --letter-spacing-wide: 0.01em;

  /* 
   * [AI Context Note]
   * The following variables are injected at runtime or by Next.js layout:
   * --font-header, --font-body (Defined in layout.tsx via next/font)
   * --radix-accordion-content-height (Defined by Radix UI primitive)
   */

  /* 基础色彩 */
  --color-white: oklch(1 0 0);
  --color-black: oklch(0 0 0);

  /* 语义化颜色映射 */
  --color-background: oklch(1 0 0);
  --color-foreground: oklch(0.15 0 0);
  --color-card: oklch(1 0 0);
  --color-card-foreground: oklch(0.15 0 0);
  --color-popover: oklch(1 0 0);
  --color-popover-foreground: oklch(0.15 0 0);

  /* 主色调 */
  --color-primary: oklch(0.5 0.2 250);
  --color-primary-foreground: oklch(1 0 0);

  /* 次要色彩 */
  --color-secondary: oklch(0.9 0 0);
  --color-secondary-foreground: oklch(0.2 0 0);

  /* 静音色彩 */
  --color-muted: oklch(0.9 0 0);
  --color-muted-foreground: oklch(0.5 0 0);

  /* 强调色 */
  --color-accent: oklch(0.9 0 0);
  --color-accent-foreground: oklch(0.2 0 0);

  /* 功能性颜色 */
  --color-destructive: oklch(0.55 0.2 15);
  --color-destructive-foreground: oklch(1 0 0);
  --color-success: oklch(0.5 0.2 150);
  --color-success-foreground: oklch(1 0 0);
  --color-warning: oklch(0.65 0.2 70);
  --color-warning-foreground: oklch(1 0 0);
  --color-info: oklch(0.55 0.2 250);
  --color-info-foreground: oklch(1 0 0);

  /* 边框和输入框 */
  --color-border: oklch(0.85 0 0);
  --color-input: oklch(0.85 0 0);
  --color-ring: oklch(0.5 0.2 250);

  /* 图表色系 (Shadcn Charts) */
  --color-chart-1: oklch(0.646 0.222 41.116);
  --color-chart-2: oklch(0.6 0.118 184.704);
  --color-chart-3: oklch(0.398 0.07 227.392);
  --color-chart-4: oklch(0.828 0.189 84.429);
  --color-chart-5: oklch(0.769 0.188 70.08);

  /* 侧边栏相关颜色 */
  --color-sidebar-background: oklch(0.97 0 0);
  --color-sidebar-foreground: oklch(0.3 0 0);
  --color-sidebar-primary: oklch(0.2 0 0);
  --color-sidebar-primary-foreground: oklch(1 0 0);
  --color-sidebar-accent: oklch(0.9 0 0);
  --color-sidebar-accent-foreground: oklch(0.2 0 0);
  --color-sidebar-border: oklch(0.85 0 0);
  --color-sidebar-ring: oklch(0.5 0.2 250);

  /* 交互态颜色 (Hover/Active) */
  --color-primary-hover: oklch(0.45 0.2 250);
  --color-secondary-hover: oklch(0.85 0 0);
  --color-accent-hover: oklch(0.85 0 0);
  --color-destructive-hover: oklch(0.5 0.2 15);

  /* 链接颜色 */
  --color-link: oklch(0.5 0.2 250);
  --color-link-hover: oklch(0.45 0.2 250);

  /* 骨架屏/加载态 */
  --color-skeleton: oklch(0.9 0 0);

  /* 代码块 */
  --color-code-background: oklch(0.95 0 0);
  --color-code-foreground: oklch(0.3 0 0);

  /* 引用块 */
  --color-blockquote-border: oklch(0.8 0 0);
  --color-blockquote-background: oklch(0.97 0 0);
}