@tailwind base;
@tailwind components;
@tailwind utilities;

@theme {
    --font-sans: 'Nunito', ui-sans-serif, system-ui, sans-serif;
    --color-sdn-red: #E53935;
    --color-sdn-orange: #FF9800;
    --color-sdn-yellow: #FFC107;
    --color-sdn-dark: #1a1a2e;
}

@layer utilities {
    .bg-sdn-gradient {
        background: linear-gradient(135deg, #E53935 0%, #FF9800 50%, #FFC107 100%);
    }
    .text-gradient-sdn {
        background: linear-gradient(135deg, #E53935, #FF9800, #FFC107);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
}