/* Base system setup matching philwornath.com typography */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
    --zinc-50: #fafafa;
    --zinc-100: #f4f4f5;
    --zinc-200: #e4e4e7;
    --zinc-300: #d4d4d8;
    --zinc-400: #a1a1aa;
    --zinc-500: #71717a;
    --zinc-600: #52525b;
    --zinc-700: #3f3f46;
    --zinc-800: #27272a;
    --zinc-900: #18181b;
    --zinc-950: #09090b;
}

body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    background-color: var(--zinc-950);
    color: var(--zinc-200);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

/* Custom Text Selection Highlight */
::selection {
    background-color: var(--zinc-100);
    color: var(--zinc-950);
}

/* Minimalist Scrollbar */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background: var(--zinc-950);
}

::-webkit-scrollbar-thumb {
    background: var(--zinc-800);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--zinc-600);
}

/* Base Typography Overrides */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.025em;
}

.mono {
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: -0.011em;
}

/* Custom transitions for buttons and links */
a, button {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Subtle focus indicators for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}