/* ==========================================================================
   Component: Paragraph
   ========================================================================== */

/* Base paragraph styles */
.c-paragraph {
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  margin: 0;
  text-align: inherit;
}

/* Size Variants */
.c-paragraph--small {
  font-size: var(--font-size-sm);
}

.c-paragraph--base {
  font-size: var(--font-size-base);
}

.c-paragraph--large {
  font-size: var(--font-size-lg);
}

/* Weight Variants */
.c-paragraph--normal {
  font-weight: var(--font-weight-normal);
}

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

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

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

/* Color Variants */
.c-paragraph--default {
  color: var(--text-color);
}

.c-paragraph--secondary {
  color: var(--text-color-secondary);
}

.c-paragraph--muted {
  color: var(--text-color-muted);
}