/* 1. Design tokens (:root), reset, typography */
@import url("./base.css");

/* 2. Header, footer, navigation, grid/container */
@import url("./layout.css");

/* 3. Reusable UI: buttons, cards, forms, product grid, preloader */
@import url("./components.css");

/* 4. Spacing, background, visibility, alignment helpers */
@import url("./utilities.css");

/* 5. SAL scroll animations and CSS keyframes */
@import url("./animations.css");

/* 6. Global overrides for cross-page CTA buttons */
.about-btn {
    font-family: var(--font-mono);
    font-size: 1.05rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 14px 26px;
    display: inline-block;
    border: 1px solid var(--color-amber);
    color: var(--color-paper);
    transition: background .2s, color .2s;
    text-decoration: none;
}

.about-btn.solid {
    background: var(--color-amber);
    color: var(--color-navy);
}

.about-btn.solid:hover {
    background: transparent;
    color: var(--color-amber);
}

.about-btn.ghost {
    background: transparent;
    color: var(--color-amber);
}

.about-btn.ghost:hover {
    background: var(--color-amber);
    color: var(--color-navy);
}