/* styles.css */
:root {
    --color-primary: #FF7A00;
    --color-primary-light: #FF9736;
    --color-primary-lighter: #FFBC7D;
}

body {
    font-family: 'Poppins', sans-serif;
}

.bg-primary {
    background-color: var(--color-primary);
}

.hover\:bg-primary-dark:hover {
    background-color: var(--color-primary-light);
}

.text-primary {
    color: var(--color-primary);
}

.hover\:text-primary-dark:hover {
    color: var(--color-primary-light);
}

.focus\:border-primary:focus {
    border-color: var(--color-primary);
}

.focus\:ring-primary:focus {
    --tw-ring-color: var(--color-primary);
}