/* Typography System for Angatech Business Website */

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.font-weight-light { font-weight: 300; }
.font-weight-normal { font-weight: 400; }
.font-weight-medium { font-weight: 500; }
.font-weight-semibold { font-weight: 600; }
.font-weight-bold { font-weight: 700; }

.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }

/* Text size utilities */
.text-small { font-size: 0.875rem; }
.text-large { font-size: 1.25rem; }
.text-xl { font-size: 1.5rem; }

/* Line height utilities */
.leading-tight { line-height: 1.2; }
.leading-normal { line-height: 1.6; }
.leading-loose { line-height: 2; }

/* Color utilities for text */
.text-primary { color: var(--primary-navy); }
.text-secondary { color: var(--secondary-blue); }
.text-accent { color: var(--accent-green); }
.text-muted { color: var(--neutral-gray); }
.text-dark { color: var(--dark-text); }
.text-white { color: var(--white); }

/* Professional quote styling */
.blockquote {
    border-left: 4px solid var(--accent-green);
    padding-left: 1.5rem;
    font-style: italic;
    font-size: 1.1rem;
    margin: 2rem 0;
}

/* Professional list styling */
.list-styled {
    list-style: none;
    padding-left: 0;
}

.list-styled li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
}

.list-styled li::before {
    content: "▶";
    position: absolute;
    left: 0;
    color: var(--accent-green);
    font-size: 0.8rem;
}

/* Typography for professional documents/content */
.content-wrapper {
    max-width: 65ch;
    line-height: 1.6;
}

.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.content-wrapper p {
    margin-bottom: 1.5rem;
}