/* Custom Theme Configuration */
    @tailwind base;
    @tailwind components;
    @tailwind utilities;

    :root {
        --color-terracotta: #E2725B;
        --color-sand: #C2B280;
        --color-stone-950: #0C0A09;
        --color-stone-900: #1C1917;
    }

    /* Custom Tailwind Config Extension */
    .text-terracotta { color: var(--color-terracotta); }
    .bg-terracotta { background-color: var(--color-terracotta); }
    .border-terracotta { border-color: var(--color-terracotta); }
    .hover\:text-terracotta:hover { color: var(--color-terracotta); }
    .hover\:bg-terracotta:hover { background-color: var(--color-terracotta); }
    
    .text-sand { color: var(--color-sand); }
    .bg-sand { background-color: var(--color-sand); }

    html {
        scroll-behavior: smooth;
    }

    body {
        background-color: var(--color-stone-950);
        color: #e7e5e4;
    }

    /* Navbar Glass Effect */
    .scrolled {
        background-color: rgba(12, 10, 9, 0.9);
        backdrop-filter: blur(10px);
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    /* Form Focus Styles */
    input:focus, textarea:focus, select:focus {
        box-shadow: 0 0 0 1px var(--color-terracotta);
    }