:root{--azk-petrol:#0F4C81;--azk-emerald:#0FAF60;--azk-offwhite:#F7F9FA}

/* Dark-mode */
body.azk-dark{background:#1a1a1a;color:#e0e0e0}
body.azk-dark a{color:var(--azk-emerald)}

/* Typo utils */
.font-poppins{font-family:'Poppins',sans-serif}
.font-roboto{font-family:'Roboto',sans-serif}
.text-petrol{color:var(--azk-petrol)}
.hover\:text-petrol:hover{color:var(--azk-petrol)}
.text-gray-600{color:#4b5563}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.fill-petrol{fill:var(--azk-petrol)}
.fill-current{fill:currentColor}

/* Layout utils */
.container{max-width:1200px;margin-left:auto;margin-right:auto}
.mx-auto{margin-left:auto;margin-right:auto}
.px-4{padding-left:1rem;padding-right:1rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.ml-4{margin-left:1rem}
.flex{display:flex}
.hidden{display:none}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.sticky{position:sticky}
.top-0{top:0}
.z-40{z-index:40}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}
.bg-white\/95{background:rgba(255,255,255,.95)}
.backdrop-blur-sm{backdrop-filter:blur(4px)}

/* Responsive */
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:inline{display:inline}
}

/* Header nav links */
.site-header nav a{color:#666;font-weight:500;transition:color .2s}
.site-header nav a:hover{color:var(--azk-petrol)} 

/* Footer */
.azk-footer{background:#111;color:#fff}
.azk-footer a{color:#d1d5db;text-decoration:none}
.azk-footer a:hover{color:#fff}
.azk-footer input[type=email]{border-radius:.375rem;border:1px solid #374151;padding:.625rem .75rem;width:100%}
.azk-footer button{background:#0FAF60;color:#fff;border:0;border-radius:.375rem;padding:.625rem .875rem;cursor:pointer}
.azk-footer small{color:#9ca3af}

/* Grid utilities */
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.gap-8{gap:2rem}
@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Spacing */
.py-12{padding-top:3rem;padding-bottom:3rem}
.mt-8{margin-top:2rem}
.pt-8{padding-top:2rem}
.border-t{border-top:1px solid #374151}
.text-center{text-align:center}
.text-gray-300{color:#d1d5db} 

/* Extra utilities */
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.mb-4{margin-bottom:1rem}
.w-8{width:2rem}
.h-8{height:2rem}
@media (min-width:768px){.md\:hidden{display:none}} 

/* Base colors and typography */
body{background:var(--azk-offwhite);color:#111}
a{color:#0F4C81}
a:hover{color:#0b3962}

/* Header nav links (light) */
.site-header{background:rgba(255,255,255,.95)}
.site-header nav a{color:#374151;font-weight:600;transition:color .2s}
.site-header nav a:hover{color:var(--azk-petrol)}

/* Masquer skip-link générique core si présent */
a.skip-link, a.screen-reader-shortcut{position:absolute;left:-9999px!important}

/* Buttons */
.wp-block-button__link{border-radius:.5rem}
.wp-element-button{border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1.2;position:relative;isolation:isolate;z-index:1}
.wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #1f2937;color:#1f2937;background:transparent}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:#1f2937;color:#fff}

/* Forms (light) */
input[type=email],input[type=text],textarea{border:1px solid #cbd5e1}
input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:2px solid #0F4C81;outline-offset:2px}

/* Focus accessibility */
:focus-visible{outline:2px solid #0FAF60;outline-offset:2px}

/* Dark mode overrides */
body.azk-dark{background:#121212;color:#e5e7eb}
body.azk-dark a{color:#6ee7b7}
body.azk-dark a:hover{color:#34d399}
.site-header.body-dark{background:rgba(45,45,45,.95)}
body.azk-dark .site-header{background:rgba(34,34,34,.95)}
body.azk-dark .site-header nav a{color:#d1d5db}
body.azk-dark .site-header nav a:hover{color:#fff}
/* Breadcrumbs */
.azk-breadcrumbs a{color:inherit;text-decoration:none}
.azk-breadcrumbs a:hover{text-decoration:underline}

/* Hide bbPress login form globally for visitors; we show our own Kurmancî message instead */
body:not(.logged-in) .bbp-login-form{display:none!important}

/* Buttons (dark) */
body.azk-dark .wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #d1d5db;color:#d1d5db}
body.azk-dark .wp-block-button.is-style-outline .wp-block-button__link:hover{background:#d1d5db;color:#111}
body.azk-dark .wp-element-button{color:#fff;background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 80%, #000)}
body.azk-dark .wp-element-button:hover{background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, #fff)}

/* CTA Join (accent-2) readability */
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1.2;position:relative;isolation:isolate;z-index:1}
.wp-block-button__link.has-accent-2-background-color{color:#fff !important}
.wp-block-button__link.has-accent-2-background-color{background-color:var(--wp--preset--color--accent-2)}
body.azk-dark .wp-block-button__link.has-accent-2-background-color{background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 80%, #000);color:#fff}
.wp-block-button__link.has-accent-2-background-color:hover{background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, #000)}
.wp-block-button__link.has-accent-2-background-color:focus-visible{outline:2px solid #34d399;outline-offset:2px}
body.azk-dark .wp-block-button__link.has-accent-2-background-color:hover{background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, #fff)}

/* Harmonize primary button as accent-2 */
.wp-block-button.is-style-primary .wp-block-button__link{background-color:var(--wp--preset--color--accent-2)!important;color:#fff!important;border-color:transparent}
.wp-block-button.is-style-primary .wp-block-button__link:hover{background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, #000)}
body.azk-dark .wp-block-button.is-style-primary .wp-block-button__link{background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 80%, #000)!important;color:#fff!important}
body.azk-dark .wp-block-button.is-style-primary .wp-block-button__link:hover{background-color:color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, #fff)}

/* Forms (dark) */
body.azk-dark input[type=email],body.azk-dark input[type=text],body.azk-dark textarea{background:#111;border:1px solid #374151;color:#e5e7eb}
body.azk-dark input[type=email]:focus,body.azk-dark input[type=text]:focus,body.azk-dark textarea:focus{outline:2px solid #34d399}

/* Footer readability */
.azk-footer{background:#0b0b0b;color:#e5e7eb}
.azk-footer a{color:#cbd5e1}
.azk-footer a:hover{color:#fff}
.azk-footer small{color:#9ca3af} 

/* Utility colors */
.text-white{color:#fff}
.bg-white{background:#fff}
.text-gray-700{color:#374151}
.text-gray-600{color:#4b5563}

/* Brand backgrounds */
.bg-petrol{background:var(--azk-petrol)}
.bg-emerald{background:var(--azk-emerald)}

/* Radius */
.rounded-md{border-radius:.375rem}
.rounded-lg{border-radius:.5rem}
.rounded-full{border-radius:9999px}

/* Size */
.w-10{width:2.5rem}
.h-10{height:2.5rem}
.w-16{width:4rem}
.h-16{height:4rem}

/* Flex helpers */
.justify-center{justify-content:center}
.items-center{align-items:center}

/* Spacing helpers */
.space-x-3>*+*{margin-left:.75rem}
.space-y-4>*+*{margin-top:1rem}

/* Hover helpers */
.hover\:text-white:hover{color:#fff} 

/* Custom scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--azk-offwhite)}
::-webkit-scrollbar-thumb{background:var(--azk-petrol);border-radius:3px}
body.azk-dark ::-webkit-scrollbar-track{background:#1a1a1a}
body.azk-dark ::-webkit-scrollbar-thumb{background:#6ee7b7}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.animate-fadeInUp{animation:fadeInUp .6s ease-out}
.animation-delay-200{animation-delay:.2s}
.animation-delay-400{animation-delay:.4s}

/* Hero overlay (gradient) */
.hero-overlay{background:linear-gradient(135deg,rgba(15,76,129,0.8),rgba(15,175,96,0.6))}

/* Hero section */
.relative{position:relative}
.min-h-\[60vh\]{min-height:60vh}
.flex{display:flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.absolute{position:absolute}
.inset-0{top:0;right:0;bottom:0;left:0}
.opacity-90{opacity:.9}
.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--azk-petrol),var(--azk-emerald))}
/* Add more as needed for posts, about, stats, domains, videos, contact, newsletter, footer */