/* Single CSS entry point. Layer order decides precedence, not selector order. */
@layer reset, tokens, base, layout, components, utilities;

@import url("base/reset.css") layer(reset);
@import url("base/tokens.css");
@import url("base/typography.css") layer(base);
@import url("layout/layout.css") layer(layout);

@import url("components/card.css") layer(components);
@import url("components/button.css") layer(components);
@import url("components/chip.css") layer(components);
@import url("components/badge.css") layer(components);
@import url("components/profile-header.css") layer(components);
@import url("components/project-card.css") layer(components);
@import url("components/link-list.css") layer(components);
@import url("components/lang-switch.css") layer(components);
@import url("components/terminal-bg.css") layer(components);

@layer utilities {
    .visually-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }
}