@import "tailwindcss";
@import "@nuxt/ui-pro";

@source "../../../content/**/*";

@theme static {
  --font-sans: 'Public Sans', sans-serif;

  --color-green-50: #EFFDF5;
  --color-green-100: #D9FBE8;
  --color-green-200: #B3F5D1;
  --color-green-300: #75EDAE;
  --color-green-400: #00DC82;
  --color-green-500: #00C16A;
  --color-green-600: #00A155;
  --color-green-700: #007F45;
  --color-green-800: #016538;
  --color-green-900: #0A5331;
  --color-green-950: #052E16;
}

:root {
  --ui-header-height: --spacing(16);
}

/* 主题字体样式 */
.font-sans-serif {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.font-serif {
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.font-monospace {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
}

/* 字号样式 - 针对文档页面 */
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-xs .prose {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-sm .prose {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-base .prose {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-lg .prose {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xl .prose {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* 主题样式 */
.theme-classic {
  /* 经典主题样式 */
  --theme-background: #ffffff;
  --theme-text: #1f2937;
  --theme-border: #e5e7eb;
}

.theme-elegant {
  /* 优雅主题样式 */
  --theme-background: #fafafa;
  --theme-text: #374151;
  --theme-border: #d1d5db;
}

.theme-minimal {
  /* 简洁主题样式 */
  --theme-background: #ffffff;
  --theme-text: #111827;
  --theme-border: #f3f4f6;
}

/* 深色模式支持 */
.dark .theme-classic {
  --theme-background: #1f2937;
  --theme-text: #f9fafb;
  --theme-border: #374151;
}

.dark .theme-elegant {
  --theme-background: #111827;
  --theme-text: #f3f4f6;
  --theme-border: #4b5563;
}

.dark .theme-minimal {
  --theme-background: #000000;
  --theme-text: #ffffff;
  --theme-border: #1f2937;
}
