@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:300;font-display:swap;src:url("./fonts/IBMPlexSansArabic-Light.ttf") format("truetype");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("./fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");}

:root { --brand-forest:#0E3B2C; --brand-action:#1F6F4A; --brand-gold:#C9A24A; --brand-paper:#FBFAF6; --brand-ink:#13241C; --primary:31,111,74; --primary-dark:14,59,44; --primary-color:#1F6F4A; --bs-primary:#1F6F4A; --bs-primary-rgb:31,111,74; --bs-body-font-family:"IBM Plex Sans Arabic",sans-serif; }
body, input, button, select, textarea { font-family:"IBM Plex Sans Arabic",sans-serif; font-variant-numeric:lining-nums; }
body { background-color:var(--brand-paper); color:var(--brand-ink); }
::selection { background:#9FD3B6; color:#13241C; }
:focus-visible { outline:2px solid #1F6F4A; outline-offset:3px; }
.btn-primary { --bs-btn-bg:#1F6F4A; --bs-btn-border-color:#1F6F4A; --bs-btn-hover-bg:#145238; --bs-btn-hover-border-color:#145238; --bs-btn-active-bg:#0E3B2C; background-color:#1F6F4A; border-color:#1F6F4A; color:#fff; }
.btn { border-radius:999px; }
.brand-leaf { border-radius:32px 0 32px 0; }
.brand-footer { color:#5E6E66; text-align:center; padding:1rem; font-size:.875rem; }
.brand-footer p { margin:.25rem 0; }
.brand-logo { min-width:120px; max-width:180px; height:auto; }

body { scrollbar-color:#9FD3B6 #FBFAF6; caret-color:#1F6F4A; }
.dark .btn-primary, [data-bs-theme="dark"] .btn-primary { background:#C9A24A; border-color:#C9A24A; color:#13241C; }

.card { border-radius:32px 0 32px 0; }