/*
Theme Name: healththeme
Theme URI: https://shekari.org/
Author: mohammadreza shekari
Author URI: https://shekari.org/
Description: Modular health theme with turquoise-green brand palette.
Version: 1.0.0
Text Domain: healththeme
*/
@font-face{font-family:"IRANSans";src:url("assets/fonts/IRANSans_UltraLight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"IRANSans";src:url("assets/fonts/IRANSans_Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"IRANSans";src:url("assets/fonts/IRANSans.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IRANSans";src:url("assets/fonts/IRANSans_Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IRANSans";src:url("assets/fonts/IRANSans_Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"IRANSans";src:url("assets/fonts/IRANSans_Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{
  --emerald-300:#6ee7b7;
  --emerald-400:#34d399;
  --emerald-500:#10b981;
  --emerald-600:#059669;
  --brand-100:color-mix(in oklab,#fff,var(--emerald-300) 15%);
  --brand-200:color-mix(in oklab,#fff,var(--emerald-300) 35%);
  --brand-300:var(--emerald-300);
  --brand-400:var(--emerald-400);
  --brand-500:var(--emerald-500);
  --brand-600:var(--emerald-600);
  --brand-700:color-mix(in oklab,var(--emerald-600),#000 12%);
  --fg:#0d1820;
  --muted:#5f707a;
  --bg:#ffffff;
  --surface:color-mix(in oklab,var(--bg),black 3%);
  --surface-2:color-mix(in oklab,var(--bg),black 6%);
  --border:color-mix(in oklab,#000,transparent 85%);
  --ring:color-mix(in oklab,var(--brand-500),transparent 65%);
  --link:var(--brand-600);
  --link-hover:var(--brand-700);
  --font-ui:"IRANSans",system-ui;
  --font:16px/1.65 var(--font-ui);
  --h1:23px;
  --h2:21px;
  --h3:19px;
  --h4:17px;
  --h5:16px;
  --h6:15px;
  --radius:16px;
  --radius-sm:12px;
  --shadow-sm:0 4px 10px color-mix(in oklab,#000,transparent 92%);
  --shadow-md:0 10px 30px color-mix(in oklab,#000,transparent 88%);
  --container:max(92%,1400px)
}
@media(min-width:768px){
  :root{
    --h1:24px;
    --h2:22px;
    --h3:20px;
    --h4:18px;
    --h5:17px;
    --h6:16px
  }
}
@media(min-width:1024px){
  :root{
    --h1:25px;
    --h2:23px;
    --h3:21px;
    --h4:19px;
    --h5:18px;
    --h6:17px
  }
}
:root[data-theme="dark"]{
  --bg:#0a0f17;
  --surface:color-mix(in oklab,var(--bg),white 6%);
  --surface-2:color-mix(in oklab,var(--bg),white 10%);
  --fg:#e7f7ef;
  --muted:#a7c9bf;
  --border:color-mix(in oklab,#fff,transparent 88%);
  --ring:color-mix(in oklab,var(--brand-300),transparent 55%);
  --link:var(--brand-300);
  --link-hover:var(--brand-200)
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0a0f17;
    --surface:color-mix(in oklab,var(--bg),white 6%);
    --surface-2:color-mix(in oklab,var(--bg),white 10%);
    --fg:#e7f7ef;
    --muted:#a7c9bf;
    --border:color-mix(in oklab,#fff,transparent 88%);
    --ring:color-mix(in oklab,var(--brand-300),transparent 55%);
    --link:var(--brand-300);
    --link-hover:var(--brand-200)
  }
}
html,body{margin:0;padding:0}
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{
  background:var(--bg);
  color:var(--fg);
  font:var(--font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:2px}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{margin:0 0 .6em}
h1{font-size:var(--h1);font-weight:600}
h2{font-size:var(--h2);font-weight:500}
h3{font-size:var(--h3);font-weight:500}
h4{font-size:var(--h4);font-weight:500}
h5{font-size:var(--h5);font-weight:500}
h6{font-size:var(--h6);font-weight:500}
@media(min-width:1024px){
  h1{font-weight:700}
}
p{margin:0 0 1em}
ul,ol{margin:1em 0;padding-inline-start:1.4em}
.container{width:min(var(--container),100%);margin-inline:auto}