:root{
  --od-font:var(--font-fa,"Vazirmatn",Tahoma,Arial,sans-serif);--od-primary:#1769e0;--od-primary-strong:#0b57c7;
  --od-ink:#152338;--od-muted:#68788d;--od-bg:#f4f7fb;--od-surface:#fff;--od-line:#dfe6ef;
  --od-success:#0f9f6e;--od-warning:#d58a13;--od-danger:#d93d57;--od-radius:16px;--od-shadow:0 14px 40px rgba(18,38,63,.1)
}
html,body,button,input,textarea,select{font-family:var(--od-font)}
:where(button,a,input,textarea,select):focus-visible{outline:3px solid rgba(23,105,224,.25);outline-offset:2px}
:where(button,input,textarea,select){border-radius:10px}
.od-card{background:var(--od-surface);border:1px solid var(--od-line);border-radius:var(--od-radius);box-shadow:var(--od-shadow)}
.od-button{min-height:42px;border:0;padding:0 18px;background:var(--od-primary);color:#fff;font-weight:800;cursor:pointer}
.od-button:hover{background:var(--od-primary-strong)}
.od-muted{color:var(--od-muted)}