/* ====================================
   BASE & VARIABLES
   ==================================== */

:root {
    --bg-dark: #09090b;
    --bg-panel: #18181b;
    --border: #27272a;
    --accent: #3f3f46; /* Dark Gray */
    --accent-glow: rgba(63, 63, 70, 0.5);
    --text-main: #e4e4e7;
    --text-muted: #a1a1aa;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background-color: var(--bg-dark);
    color: var(--text-main);
    font-family: var(--font-sans);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, .brand, .logo-text {
    letter-spacing: -0.03em;
}