html, body {
    min-height: 100%;
    height: auto !important;
    overflow-x: hidden;
    overflow-y: auto !important;
    background-color: #09090b !important;
    color: #f4f4f5;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

.font-mono {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

/* Sample 1: Obsidian Hairline Institutional Theme Tokens */
.bg-baturBg {
    background-color: #09090b !important;
}
.bg-baturSurface,
.bg-baturSurface\/95,
.bg-baturSurface\/90,
.bg-baturSurface\/80,
.bg-baturSurface\/50,
.bg-baturSurface\/40 {
    background-color: #0c0c0f !important;
}
.bg-baturCard,
.bg-baturCard\/80 {
    background-color: #121216 !important;
}
.text-baturCyan {
    color: #10b981 !important;
}
.bg-baturCyan {
    background-color: #10b981 !important;
    color: #09090b !important;
}
.bg-baturAccent {
    background-color: #27272a !important;
    color: #f4f4f5 !important;
}
.border-baturCyan {
    border-color: #10b981 !important;
}

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { background: #27272a; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #3f3f46; }