/*
 * DPPBuilder - Typography Utilities
 * 
 * This file contains typography-related utility classes and base styles.
 */

/* ========================================
   BASE TYPOGRAPHY
   ======================================== */

.dppb-text-xs {
  font-size: var(--dppb-text-xs);
  line-height: var(--dppb-leading-tight);
}

.dppb-text-sm {
  font-size: var(--dppb-text-sm);
  line-height: var(--dppb-leading-normal);
}

.dppb-text-base {
  font-size: var(--dppb-text-base);
  line-height: var(--dppb-leading-normal);
}

.dppb-text-lg {
  font-size: var(--dppb-text-lg);
  line-height: var(--dppb-leading-relaxed);
}

.dppb-text-xl {
  font-size: var(--dppb-text-xl);
  line-height: var(--dppb-leading-relaxed);
}

.dppb-text-2xl {
  font-size: var(--dppb-text-2xl);
  line-height: var(--dppb-leading-tight);
}

.dppb-text-3xl {
  font-size: var(--dppb-text-3xl);
  line-height: var(--dppb-leading-tight);
}

/* ========================================
   FONT WEIGHTS
   ======================================== */

.dppb-font-normal {
  font-weight: var(--dppb-font-normal);
}

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

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

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

/* ========================================
   TEXT COLORS
   ======================================== */

.dppb-text-primary {
  color: var(--dppb-primary);
}

.dppb-text-secondary {
  color: var(--dppb-gray-600);
}

.dppb-text-muted {
  color: var(--dppb-gray-500);
}

.dppb-text-success {
  color: var(--dppb-success);
}

.dppb-text-warning {
  color: var(--dppb-warning);
}

.dppb-text-error {
  color: var(--dppb-error);
}

.dppb-text-info {
  color: var(--dppb-info);
}

/* ========================================
   TEXT ALIGNMENT
   ======================================== */

.dppb-text-left {
  text-align: left;
}

.dppb-text-center {
  text-align: center;
}

.dppb-text-right {
  text-align: right;
}

.dppb-text-justify {
  text-align: justify;
}

/* ========================================
   TEXT TRANSFORM
   ======================================== */

.dppb-uppercase {
  text-transform: uppercase;
}

.dppb-lowercase {
  text-transform: lowercase;
}

.dppb-capitalize {
  text-transform: capitalize;
}

.dppb-normal-case {
  text-transform: none;
}

/* ========================================
   TEXT DECORATION
   ======================================== */

.dppb-underline {
  text-decoration: underline;
}

.dppb-line-through {
  text-decoration: line-through;
}

.dppb-no-underline {
  text-decoration: none;
}

/* ========================================
   WHITESPACE
   ======================================== */

.dppb-whitespace-normal {
  white-space: normal;
}

.dppb-whitespace-nowrap {
  white-space: nowrap;
}

.dppb-whitespace-pre {
  white-space: pre;
}

.dppb-whitespace-pre-wrap {
  white-space: pre-wrap;
}

.dppb-whitespace-pre-line {
  white-space: pre-line;
}

/* ========================================
   WORD BREAK
   ======================================== */

.dppb-break-normal {
  word-break: normal;
  overflow-wrap: normal;
}

.dppb-break-words {
  word-break: break-word;
  overflow-wrap: break-word;
}

.dppb-break-all {
  word-break: break-all;
}

/* ========================================
   LINE HEIGHT
   ======================================== */

.dppb-leading-tight {
  line-height: var(--dppb-leading-tight);
}

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

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

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