/* Global brand color overrides: replace Tailwind orange with #0EA5E9 family */

/* Fonts: Roboto Condensed for FR/EN, Cairo for AR */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

:root {
    --brand-50:  #F0F9FF;
    --brand-100: #E0F2FE;
    --brand-200: #BAE6FD;
    --brand-500: #0EA5E9; /* primary */
    --brand-600: #0284C7;
    --brand-700: #0369A1;
}

/* Apply fonts per language */
html:not(.lang-ar) body,
html:not(.lang-ar) h1,
html:not(.lang-ar) h2,
html:not(.lang-ar) h3,
html:not(.lang-ar) h4,
html:not(.lang-ar) h5,
html:not(.lang-ar) h6 {
    font-family: 'Roboto Condensed', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

html.lang-ar body,
html.lang-ar h1,
html.lang-ar h2,
html.lang-ar h3,
html.lang-ar h4,
html.lang-ar h5,
html.lang-ar h6 {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* Text colors */
.text-orange-600 { color: var(--brand-600) !important; }
.hover\:text-orange-600:hover { color: var(--brand-600) !important; }

/* Background colors */
.bg-orange-50 { background-color: var(--brand-50) !important; }
.hover\:bg-orange-50:hover { background-color: var(--brand-50) !important; }
.bg-orange-100 { background-color: var(--brand-100) !important; }
.bg-orange-200 { background-color: var(--brand-200) !important; }
.bg-orange-500 { background-color: var(--brand-500) !important; }
.bg-orange-600 { background-color: var(--brand-600) !important; }
.hover\:bg-orange-600:hover { background-color: var(--brand-600) !important; }
.hover\:bg-orange-700:hover { background-color: var(--brand-700) !important; }

/* Border colors */
.border-orange-200 { border-color: var(--brand-200) !important; }
.border-orange-500 { border-color: var(--brand-500) !important; }
.border-orange-600 { border-color: var(--brand-600) !important; }
.hover\:border-orange-700:hover { border-color: var(--brand-700) !important; }

/* Gradient utilities: map from-/to- colors */
.from-orange-500 { --tw-gradient-from: var(--brand-500) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(14 165 233 / 0)) !important; }
.to-orange-600 { --tw-gradient-to: var(--brand-600) !important; }

/* Accent elements commonly using orange text/border */
.ring-orange-600 { --tw-ring-color: var(--brand-600) !important; }
.focus\:ring-orange-600:focus { --tw-ring-color: var(--brand-600) !important; }