/*
 * ⚠️  DO NOT MODIFY CLASS STRUCTURE
 * 
 * This is a REFERENCE theme used as template for theme generation.
 * Changing class names or removing classes will break theme generator.
 * 
 * You MAY modify:
 * - Default values (padding, colors, sizes)
 * - Add new classes
 * 
 * You MUST NOT:
 * - Rename existing classes
 * - Remove existing classes
 * - Change selector structure
 */

/* ==========================================================================
   03-CONTENT - Content typography (headings, paragraphs, lists, etc.)
   ========================================================================== */

[data-theme="cloud-theme"] .theme-typography-content-h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 2rem;
  margin-top: 2rem;
  color: var(--color-text-primary);
  line-height: 1.2;
}

[data-theme="cloud-theme"] .theme-typography-content-h2 {
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
  color: var(--color-text-primary);
  line-height: 1.3;
}

[data-theme="cloud-theme"] .theme-typography-content-h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.4;
}

[data-theme="cloud-theme"] .theme-typography-content-h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.4;
}

[data-theme="cloud-theme"] .theme-typography-content-h5 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.4;
}

[data-theme="cloud-theme"] .theme-typography-content-h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.4;
}

[data-theme="cloud-theme"] .theme-typography-content-p {
  margin-bottom: 1rem;
  line-height: 1.75;
  color: var(--color-text-secondary);
}

[data-theme="cloud-theme"] .theme-typography-content-ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  color: var(--color-text-secondary);
}

[data-theme="cloud-theme"] .theme-typography-content-ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  color: var(--color-text-secondary);
}

[data-theme="cloud-theme"] .theme-typography-content-li {
  margin-left: 1.5rem;
  line-height: 1.75;
}

[data-theme="cloud-theme"] .theme-typography-content-blockquote {
  padding-left: 1rem;
  border-left: 4px solid var(--color-border-focus);
  font-style: italic;
  margin-bottom: 1.5rem;
  color: var(--color-text-tertiary);
  line-height: 1.75;
}

[data-theme="cloud-theme"] .theme-typography-content-code {
  background-color: var(--color-bg-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  font-family: var(--font-family-mono);
  color: var(--color-text-secondary);
}

[data-theme="cloud-theme"] .theme-typography-content-pre {
  background-color: var(--color-bg-secondary);
  padding: 1rem;
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: 1rem;
  font-family: var(--font-family-mono);
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.75;
}

[data-theme="cloud-theme"] .theme-typography-content-a {
  color: var(--color-text-accent);
  text-decoration: underline;
}

[data-theme="cloud-theme"] .theme-typography-content-a:hover {
  color: var(--color-bg-accent-hover);
}