@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

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

:root {
    --brand-orange: #f15a24;
    --brand-charcoal: #111111;
    --brand-cloud: #f2f2f2;
}

body {
    font-family: 'Outfit', sans-serif;
    background: radial-gradient(circle at 0% 0%, #ffe6db 0%, #fff7f3 35%, #ffffff 100%);
    color: var(--brand-charcoal);
}

[x-cloak] {
    display: none;
}