/* ===== ARCHAI V2 — Unified Aesthetic ===== */

body {
    margin: 0;
    padding: 0;
    background: #000;
    color: #e6e6e6;
    font-family: "Inter", sans-serif;
    line-height: 1.6;
}

/* Gold Accent */
:root {
    --gold: #d4af37;
}

/* Page Container */
.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 20px;
}

/* Headings */
h1, h2, h3 {
    font-family: "Playfair Display", serif;
    color: var(--gold);
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

/* Section Titles */
.section-title {
    font-size: 28px;
    margin-top: 60px;
    border-bottom: 1px solid var(--gold);
    padding-bottom: 10px;
}

/* Component Lists */
.component-list {
    margin-top: 20px;
    padding-left: 20px;
}

.component-list li {
    margin-bottom: 8px;
    font-size: 18px;
}

/* Fade-in Animation */
.fade {
    opacity: 0;
    animation: fadeIn 1.2s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Links */
a {
    color: var(--gold);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}