/* --------------------------
   1. Variables & Reset
--------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Oswald:wght@500;700&display=swap');

:root {
    /* Colors */
    --color-dark: #09090b;      /* Zinc 950 */
    --color-gray: #27272a;      /* Zinc 800 */
    --color-orange: #f97316;    /* Orange 500 */
    --color-concrete: #a1a1aa;  /* Zinc 400 */
    --color-white: #ffffff;
    --color-border: rgba(255, 255, 255, 0.1);
    
    /* Fonts */
    --font-sans: 'Inter', sans-serif;
    --font-display: 'Oswald', sans-serif;

    /* Spacing */
    --container-width: 1280px;
    --section-padding: 6rem 1rem;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    background-color: var(--color-dark);
    color: var(--color-white);
    font-family: var(--font-sans);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
/* Custom Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--color-dark); }
::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-orange); }
::selection { background-color: var(--color-orange); color: #000; }