:root {
    /* Surface system */
    --v2-bg-canvas: #0d1117;
    --v2-bg-surface: #111821;
    --v2-bg-elevated: #151d27;
    --v2-bg-hover: #192330;

    /* Border system */
    --v2-border: #273241;
    --v2-border-strong: #344255;

    /* Text system */
    --v2-text-primary: #edf2f7;
    --v2-text-secondary: #a8b3c2;
    --v2-text-muted: #7f8b9c;
    --v2-text-faint: #667487;

    /* Semantic */
    --v2-positive: #22c55e;
    --v2-negative: #ef4444;
    --v2-accent: #8b5cf6;
    --v2-accent-soft: #a78bfa;

    /* Typography */
    --v2-font-micro: 10px;
    --v2-font-label: 11px;
    --v2-font-body: 12px;
    --v2-font-secondary: 13px;
    --v2-font-ui: 14px;
}

html,
body {
    margin: 0;
    min-height: 100%;
    background: var(--v2-bg-canvas);
    color: var(--v2-text-primary);
    font-family:
        Inter,
        ui-sans-serif,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

* {
    box-sizing: border-box;
}

button,
input {
    font-family: inherit;
}

.v2-main {
    max-width: 1440px;
    margin: 0 auto;
    padding: 28px 20px;
}

.v2-build-state {
    padding: 28px 0;
    border-bottom: 1px solid #252b35;
}

.v2-eyebrow {
    margin-bottom: 7px;
    color: var(--v2-text-muted);
    font-size: var(--v2-font-micro);
    font-weight: 650;
    letter-spacing: 0.12em;
}

.v2-build-state h1 {
    margin: 0;
    color: var(--v2-text-primary);
    font-size: 25px;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -0.02em;
}

.v2-build-state p {
    margin: 8px 0 0;
    color: var(--v2-text-muted);
    font-size: var(--v2-font-secondary);
}

@media (max-width: 1024px) {
    .v2-main {
        padding: 20px 12px;
    }
}

@media (min-width: 1025px) {
    .v2-main {
        grid-column: 2;
        width: 100%;
        max-width: none;
        padding: 24px 18px;
    }
}