/* dexorwork theme layer over the Saned Design System: dark mode tokens + overrides
   for the few hard-coded light values in saned.css. Auto follows the OS; the
   in-app toggle sets html[data-theme=light|dark]. */
@import url('./saned/saned.css');

/* Cairo (SIL OFL 1.1, v3.130) self-hosted for all Arabic; Latin UI stays Inter. */
@font-face{font-family:'Cairo';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/Cairo/Cairo-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC}
@font-face{font-family:'Cairo';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/Cairo/Cairo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C0, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cairo';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/Cairo/Cairo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD}
@font-face{font-family:'Cairo Term';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/Cairo/Cairo-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;size-adjust:96%;ascent-override:92%;descent-override:34%;line-gap-override:0%}

:root{color-scheme:light}
:root{
  --term-bg:#16181d; --term-frame:#0f1114; --term-bar:#1c1f25; --term-line:#2a2e36; --term-ink:#e6e4df;
  --input-line:#b2afa8; --btn-hover-line:#d0cdc6; --invalid-bg:#fffaf9; --scrim:rgba(23,23,26,.44);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --paper:#131417; --rail:#18191d; --panel:#1d1e23; --sunk:#222328;
    --ink:#ecebe7; --ink-2:#b7b5af; --ink-3:#8d8c88; --ink-4:#6c6c70; --ink-muted:#9d9c97;
    --line:#2f3036; --line-2:#27282d; --line-3:#212227;
    --brand:#3b6ea5; --brand-2:#4a7fb8; --brand-3:#7aa7d6; --brand-ink:#b3cdea; --brand-soft:#1b2a3c; --brand-line:#2e4865;
    --pos:#3fb27f; --pos-ink:#8fdcb6; --pos-soft:#14301f; --pos-line:#25553a;
    --warn:#e0a443; --warn-ink:#f1cd8c; --warn-soft:#33270f; --warn-line:#5c4519;
    --neg:#e46a57; --neg-ink:#f4aa9d; --neg-soft:#3a1a15; --neg-line:#68302a;
    --teal:#4fb0c4; --teal-ink:#9fd9e4; --teal-soft:#123038; --teal-line:#21525e;
    --sh-1:0 1px 2px rgba(0,0,0,.35); --sh-2:0 1px 3px rgba(0,0,0,.4),0 8px 22px -8px rgba(0,0,0,.55);
    --focus-ring:0 0 0 3px rgba(122,167,214,.28);
    --input-line:#4a4b52; --btn-hover-line:#45464d; --invalid-bg:#2a1714; --scrim:rgba(0,0,0,.6);
    --term-frame:#0c0d10;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#131417; --rail:#18191d; --panel:#1d1e23; --sunk:#222328;
  --ink:#ecebe7; --ink-2:#b7b5af; --ink-3:#8d8c88; --ink-4:#6c6c70; --ink-muted:#9d9c97;
  --line:#2f3036; --line-2:#27282d; --line-3:#212227;
  --brand:#3b6ea5; --brand-2:#4a7fb8; --brand-3:#7aa7d6; --brand-ink:#b3cdea; --brand-soft:#1b2a3c; --brand-line:#2e4865;
  --pos:#3fb27f; --pos-ink:#8fdcb6; --pos-soft:#14301f; --pos-line:#25553a;
  --warn:#e0a443; --warn-ink:#f1cd8c; --warn-soft:#33270f; --warn-line:#5c4519;
  --neg:#e46a57; --neg-ink:#f4aa9d; --neg-soft:#3a1a15; --neg-line:#68302a;
  --teal:#4fb0c4; --teal-ink:#9fd9e4; --teal-soft:#123038; --teal-line:#21525e;
  --sh-1:0 1px 2px rgba(0,0,0,.35); --sh-2:0 1px 3px rgba(0,0,0,.4),0 8px 22px -8px rgba(0,0,0,.55);
  --focus-ring:0 0 0 3px rgba(122,167,214,.28);
  --input-line:#4a4b52; --btn-hover-line:#45464d; --invalid-bg:#2a1714; --scrim:rgba(0,0,0,.6);
  --term-frame:#0c0d10;
}
:root{--sans:'Inter','Cairo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--ar:'Cairo','Inter',sans-serif}
html,body{background:var(--paper)}
:where([dir=rtl],[lang=ar]){line-height:1.65}
.sd-input{border-color:var(--input-line)}
.sd-input[aria-invalid=true]{background:var(--invalid-bg)}
.sd-btn:hover{border-color:var(--btn-hover-line)}
.sd-btn--primary:hover{border-color:var(--brand-2)}
.sd-dialog::backdrop{background:var(--scrim)}
.sd-icon{width:16px;height:16px;fill:currentColor;stroke:none}
.sd-mark{color:#fff}