/**
 * AI Store Theme - Space Grotesk Typography System
 */

/* Typography Scale */
.ai-text-display, h1.ai-display {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-display);
  font-weight: var(--ai-weight-bold);
  line-height: var(--ai-leading-tight);
  letter-spacing: -0.03em;
  color: var(--ai-text);
}

h1, .ai-h1 {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-h1);
  font-weight: var(--ai-weight-bold);
  line-height: var(--ai-leading-tight);
  letter-spacing: -0.025em;
  color: var(--ai-text);
}

h2, .ai-h2 {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-h2);
  font-weight: var(--ai-weight-semibold);
  line-height: var(--ai-leading-snug);
  letter-spacing: -0.02em;
  color: var(--ai-text);
}

h3, .ai-h3 {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-h3);
  font-weight: var(--ai-weight-semibold);
  line-height: var(--ai-leading-snug);
  letter-spacing: -0.015em;
  color: var(--ai-text);
}

h4, .ai-h4 {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-h4);
  font-weight: var(--ai-weight-medium);
  line-height: var(--ai-leading-snug);
  color: var(--ai-text);
}

/* Body Variants */
.ai-body-lg {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-body-lg);
  font-weight: var(--ai-weight-regular);
  line-height: var(--ai-leading-normal);
  color: var(--ai-text-secondary);
}

p, .ai-body {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-body);
  font-weight: var(--ai-weight-regular);
  line-height: var(--ai-leading-normal);
  color: var(--ai-text-secondary);
}

.ai-body-sm {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-body-sm);
  font-weight: var(--ai-weight-regular);
  line-height: var(--ai-leading-normal);
  color: var(--ai-text-muted);
}

/* Caption & Micro-Labels */
.ai-caption {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-caption);
  font-weight: var(--ai-weight-medium);
  color: var(--ai-text-muted);
  letter-spacing: 0.02em;
}

.ai-label {
  font-family: var(--ai-font-primary);
  font-size: var(--ai-text-caption);
  font-weight: var(--ai-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ai-text-secondary);
}

/* E-Commerce Specific Typography */
.ai-price {
  font-family: var(--ai-font-primary);
  font-size: 1.25rem;
  font-weight: var(--ai-weight-bold);
  color: var(--ai-text);
  letter-spacing: -0.01em;
}

.ai-price-sale {
  color: var(--ai-accent);
}

.ai-price-original {
  font-size: 0.95rem;
  font-weight: var(--ai-weight-regular);
  text-decoration: line-through;
  color: var(--ai-text-muted);
  margin-left: var(--ai-space-8);
}

.ai-product-title {
  font-family: var(--ai-font-primary);
  font-size: 1.125rem;
  font-weight: var(--ai-weight-semibold);
  color: var(--ai-text);
  line-height: 1.35;
  letter-spacing: -0.01em;
}