/* Cleanex design system — base/reset layer. */
* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: var(--color-text);
    margin-top: 0;
}

a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-primary-dark); text-decoration: underline; }

:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.page-title {
    font-size: var(--font-size-2xl);
    font-weight: 700;
    margin: var(--space-1) 0 0;
}

.mb-4 { margin-bottom: var(--space-5) !important; }