/* MenkulEX Design System v1.3.00
 * Safe foundation layer. Existing legacy selectors remain authoritative; this file
 * centralizes brand tokens, focus behavior and shared component primitives.
 */
:root{
  --mx-brand:var(--xan-primary,#055970);
  --mx-brand-accent:var(--xan-accent,#055970);
  --mx-brand-deep:var(--xan-hover,#041F40);
  --mx-ink:var(--xan-text,#0B252D);
  --mx-muted:var(--xan-muted,#1B3941);
  --mx-line:var(--xan-border,#D9E0E6);
  --mx-surface:var(--xan-surface,#FFFFFF);
  --mx-page:var(--xan-bg,#FFFFFF);
  --mx-font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mx-radius-xs:8px;
  --mx-radius-sm:10px;
  --mx-radius-md:var(--xan-radius,16px);
  --mx-radius-lg:20px;
  --mx-radius-xl:26px;
  --mx-space-1:4px;
  --mx-space-2:8px;
  --mx-space-3:12px;
  --mx-space-4:16px;
  --mx-space-5:20px;
  --mx-space-6:24px;
  --mx-space-8:32px;
  --mx-space-10:40px;
  --mx-space-12:48px;
  --mx-shadow-xs:0 2px 8px rgba(4,31,64,.045);
  --mx-shadow-sm:0 8px 24px rgba(4,31,64,.065);
  --mx-shadow-md:0 16px 42px rgba(4,31,64,.09);
  --mx-shadow-lg:0 24px 70px rgba(4,31,64,.13);
  --mx-focus:#2d8296;
  --mx-control-h:44px;
  --mx-control-h-lg:52px;
  --mx-transition:160ms ease;
}
body.menkulex-design-system-v1300{
  font-family:var(--mx-font);
  color:var(--mx-ink);
  background:var(--mx-page);
}
body.menkulex-design-system-v1300 :where(button,input,select,textarea,a){
  -webkit-tap-highlight-color:transparent;
}
body.menkulex-design-system-v1300 :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--mx-focus);
  outline-offset:2px;
}
body.menkulex-design-system-v1300 :where(.xan-btn){
  font-family:var(--mx-font);
  border-radius:var(--mx-radius-sm);
  transition:background-color var(--mx-transition),border-color var(--mx-transition),color var(--mx-transition),box-shadow var(--mx-transition),transform var(--mx-transition);
}
body.menkulex-design-system-v1300 :where(.xan-btn-primary){
  background:var(--mx-brand);
  color:#fff;
}
body.menkulex-design-system-v1300 :where(.xan-btn-primary:hover){background:var(--mx-brand-deep)}
body.menkulex-design-system-v1300 :where(.xan-search-box,.xan-project-card,.xan-blog-card,.xan-quick-card,.xan-similar-card){
  border-color:var(--mx-line);
}
body.menkulex-design-system-v1300 :where(.xan-project-card,.xan-blog-card,.xan-quick-card,.xan-similar-card){
  box-shadow:var(--mx-shadow-xs);
}
body.menkulex-design-system-v1300 :where(.xan-project-card,.xan-blog-card,.xan-quick-card,.xan-similar-card):hover{
  box-shadow:var(--mx-shadow-sm);
}
body.menkulex-design-system-v1300 :where(.xan-search-box input,.xan-search-box select,.xan-listing-toolbar select){
  font-family:var(--mx-font);
  border-color:var(--mx-line);
}
body.menkulex-design-system-v1300 :where(.xan-search-box input,.xan-search-box select,.xan-listing-toolbar select):focus{
  border-color:var(--mx-brand);
  box-shadow:0 0 0 3px rgba(5,89,112,.10);
  outline:0;
}
body.menkulex-design-system-v1300 :where(.xan-kicker,.xan-project-badge,.xan-project-card-specs span){
  letter-spacing:.02em;
}
@media (max-width:782px){
  :root{--mx-control-h:46px;--mx-control-h-lg:50px}
}