/* Fonts come from public/css/fonts.css (already linked in your page) */
body{font-family:'CR'}

.font-cairo-bold{font-family:'CBB'}
.font-cairo-semibold{font-family:'CSB'}
.font-cairo-light{font-family:'CL'}
.font-cairo-extralight{font-family:'C-EX'}

.custom-blue{background-color:#075e76}
.text-custom-blue{color:#252d3a}
.custom-footer{background-color:#075e76}
.bg-light-blue{background-color:#f8fbfb}
.smooth-scroll{scroll-behavior:smooth}
.hover-scale{transition:transform .3s ease}
.hover-scale:hover{transform:scale(1.05)}

.fade-in{animation:fadeIn .6s ease-in}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.article-card{transition:.3s;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column}
.article-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-5px)}
.nav-bg{background-color:#252d3a}

/* Toasts */
#toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column-reverse;gap:10px}
.toast{background:#333;color:#fff;padding:12px 20px;border-radius:8px;font-family:'Cairo',sans-serif;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.2);opacity:0;transform:translateY(20px);transition:.3s;min-width:250px;max-width:350px;display:flex;align-items:center;gap:10px}
.toast.show{opacity:1;transform:translateY(0)}
.toast.success{background:#28a745}
.toast.error{background:#dc3545}

/* Subscribe overlay */
.subscribe-form-wrapper{position:relative}
.form-disabled-overlay{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;z-index:10;text-align:center;color:#4a5568;font-weight:700;padding:20px}

.subs{background:#075e76}
.text-tsubs{color:#075e76}
.border-tsubs{border-color:#075e76}
.bg-tsubs{background:#075e76}
.tag-chip { width: fit-content; background-color: var(--tag-bg); color: var(--tag-fg); }