html, body {
    background-color: #09090b !important;
    color: #f4f4f5;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    -webkit-font-smoothing: antialiased;
}

body.overflow-hidden {
    height: 100%;
    height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
}

::-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;
}

body {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.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;
}

.safe-bottom {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}