:root {
    --bg-page: #fafafa;
    --bg-surface: #ffffff;
    --border-hairline: #e4e4e7;
    --border-hairline-hover: #cbd5e1;
    --text-primary: #09090b;
    --text-secondary: #52525b;
    --text-muted: #a1a1aa;
    --brand-accent: #0f172a;
    --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
    --transition-snappy: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

body.front-body {
    background-color: var(--bg-page);
    color: var(--text-primary);
    font-family: var(--font-sans);
    line-height: 1.5;
    min-height: 100vh;
}

.site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-viewport {
    flex: 1;
}

.font-mono {
    font-family: var(--font-mono);
}

.is-hidden {
    display: none !important;
}