/**
 * 开源字体配置文件
 * Comfortaa: 用于标题和装饰性文字
 * Inter: 用于正文和其他文本内容
 * 开源字体，完全免费可商用
 * 许可证: SIL Open Font License 1.1
 * 来源: Google Fonts
 */

/* Google Fonts CDN 加载 - Comfortaa + Inter */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

/* 字体变量定义 */
:root {
  /* 字体系列 */
  --font-comfortaa: 'Comfortaa', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

  /* 字重变量 - Comfortaa */
  --comfortaa-weight-light: 300;
  --comfortaa-weight-regular: 400;
  --comfortaa-weight-medium: 500;
  --comfortaa-weight-semibold: 600;
  --comfortaa-weight-bold: 700;

  /* 字重变量 - Inter */
  --inter-weight-light: 300;
  --inter-weight-regular: 400;
  --inter-weight-medium: 500;
  --inter-weight-semibold: 600;
  --inter-weight-bold: 700;

  /* 字体大小变量 - 通用 */
  --font-size-xs: 0.75rem;
  /* 12px */
  --font-size-sm: 0.875rem;
  /* 14px */
  --font-size-base: 1rem;
  /* 16px */
  --font-size-lg: 1.125rem;
  /* 18px */
  --font-size-xl: 1.25rem;
  /* 20px */
  --font-size-2xl: 1.5rem;
  /* 24px */
  --font-size-3xl: 1.875rem;
  /* 30px */
  --font-size-4xl: 2.25rem;
  /* 36px */
  --font-size-5xl: 3rem;
  /* 48px */
  --font-size-6xl: 3.75rem;
  /* 60px */

  /* 行高变量 - 通用 */
  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;
}

/* 字体应用类 */
.font-comfortaa {
  font-family: var(--font-comfortaa);
}

.font-inter {
  font-family: var(--font-inter);
}

/* 标题字体 - 使用 Comfortaa */
.comfortaa-heading,
.comfortaa-title,
.comfortaa-display {
  font-family: var(--font-comfortaa);
  font-weight: var(--comfortaa-weight-semibold);
  line-height: var(--comfortaa-line-height-tight);
}

/* 具体标题大小 - Comfortaa 版本 */
.comfortaa-h1 {
  font-size: var(--comfortaa-size-4xl);
  font-weight: var(--comfortaa-weight-bold);
}

.comfortaa-h2 {
  font-size: var(--comfortaa-size-3xl);
  font-weight: var(--comfortaa-weight-semibold);
}

.comfortaa-h3 {
  font-size: var(--comfortaa-size-2xl);
  font-weight: var(--comfortaa-weight-semibold);
}

.comfortaa-h4 {
  font-size: var(--comfortaa-size-xl);
  font-weight: var(--comfortaa-weight-medium);
}

.comfortaa-h5 {
  font-size: var(--comfortaa-size-lg);
  font-weight: var(--comfortaa-weight-medium);
}

.comfortaa-h6 {
  font-size: var(--comfortaa-size-base);
  font-weight: var(--comfortaa-weight-medium);
}

/* 正文字体 - Inter */
.inter-body {
  font-family: var(--font-inter);
  font-weight: var(--inter-weight-regular);
  line-height: var(--line-height-normal);
}

/* 保留 Comfortaa 正文类（向后兼容） */
.comfortaa-body {
  font-family: var(--font-comfortaa);
  font-weight: var(--comfortaa-weight-regular);
  line-height: var(--line-height-normal);
}

/* 字重工具类 - Comfortaa */
.comfortaa-light {
  font-weight: var(--comfortaa-weight-light);
}

.comfortaa-regular {
  font-weight: var(--comfortaa-weight-regular);
}

.comfortaa-medium {
  font-weight: var(--comfortaa-weight-medium);
}

.comfortaa-semibold {
  font-weight: var(--comfortaa-weight-semibold);
}

.comfortaa-bold {
  font-weight: var(--comfortaa-weight-bold);
}

/* 字重工具类 - Inter */
.inter-light {
  font-weight: var(--inter-weight-light);
}

.inter-regular {
  font-weight: var(--inter-weight-regular);
}

.inter-medium {
  font-weight: var(--inter-weight-medium);
}

.inter-semibold {
  font-weight: var(--inter-weight-semibold);
}

.inter-bold {
  font-weight: var(--inter-weight-bold);
}

/* 字体大小工具类 */
.comfortaa-text-xs {
  font-size: var(--comfortaa-size-xs);
}

.comfortaa-text-sm {
  font-size: var(--comfortaa-size-sm);
}

.comfortaa-text-base {
  font-size: var(--comfortaa-size-base);
}

.comfortaa-text-lg {
  font-size: var(--comfortaa-size-lg);
}

.comfortaa-text-xl {
  font-size: var(--comfortaa-size-xl);
}

.comfortaa-text-2xl {
  font-size: var(--comfortaa-size-2xl);
}

.comfortaa-text-3xl {
  font-size: var(--comfortaa-size-3xl);
}

.comfortaa-text-4xl {
  font-size: var(--comfortaa-size-4xl);
}

.comfortaa-text-5xl {
  font-size: var(--comfortaa-size-5xl);
}

.comfortaa-text-6xl {
  font-size: var(--comfortaa-size-6xl);
}

/* 行高工具类 */
.comfortaa-leading-tight {
  line-height: var(--comfortaa-line-height-tight);
}

.comfortaa-leading-snug {
  line-height: var(--comfortaa-line-height-snug);
}

.comfortaa-leading-normal {
  line-height: var(--comfortaa-line-height-normal);
}

.comfortaa-leading-relaxed {
  line-height: var(--comfortaa-line-height-relaxed);
}

.comfortaa-leading-loose {
  line-height: var(--comfortaa-line-height-loose);
}

/* 响应式字体大小 */
@media (max-width: 768px) {
  .comfortaa-h1 {
    font-size: var(--comfortaa-size-3xl);
  }

  .comfortaa-h2 {
    font-size: var(--comfortaa-size-2xl);
  }

  .comfortaa-h3 {
    font-size: var(--comfortaa-size-xl);
  }

  .comfortaa-text-4xl {
    font-size: var(--comfortaa-size-3xl);
  }

  .comfortaa-text-5xl {
    font-size: var(--comfortaa-size-4xl);
  }

  .comfortaa-text-6xl {
    font-size: var(--comfortaa-size-5xl);
  }
}

@media (max-width: 480px) {
  .comfortaa-h1 {
    font-size: var(--comfortaa-size-2xl);
  }

  .comfortaa-h2 {
    font-size: var(--comfortaa-size-xl);
  }

  .comfortaa-h3 {
    font-size: var(--comfortaa-size-lg);
  }
}

/* 特殊效果类 */
.comfortaa-smooth {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Logo 和品牌文字专用 */
.comfortaa-logo {
  font-family: var(--font-comfortaa);
  font-weight: var(--comfortaa-weight-bold);
  letter-spacing: -0.02em;
}

/* 按钮文字 */
.comfortaa-button {
  font-family: var(--font-comfortaa);
  font-weight: var(--comfortaa-weight-medium);
  letter-spacing: 0.025em;
}

/* 导航菜单 */
.comfortaa-nav {
  font-family: var(--font-comfortaa);
  font-weight: var(--comfortaa-weight-medium);
}