/* Generated by scripts/build-ui.mjs from resources/tailwind/tokens.js. Do not edit. */
:root{--bg:#faf8f2;--surface:#ffffff;--surface-2:#f4f0e6;--ink:#1a4731;--muted:#5f6a62;--line:#e2dccb;--green:#1a4731;--green-deep:#112f20;--green-soft:#e6efe9;--gold:#d4af37;--gold-ink:#7a5e0b;--gold-soft:#faf1d2;--good:#1f7a3f;--good-soft:#e9f5ec;--warn:#9a6700;--warn-soft:#fef7e6;--bad:#b3261e;--bad-soft:#fcebe9;--on-green:#ffffff;--on-gold:#112f20;--on-gold-soft:#112f20;--on-bad:#ffffff;--green-text:#1a4731;--green-fill:#1a4731;--field-border:#948b75;--btn-primary:#1a4731;--btn-primary-hover:#123524;--gold-hover:#c9a42c;--bad-hover:#9a1f18;--track:#e6efe9;--fill:#1a4731;--skel:#efeadc;--neutral-bg:#f3f0e6;--head-bg:#112f20;--head-fg:#faf8f2;--head-fg-2:#c9d6cd;--head-gold:#d4af37;--focus-edge:#112f20;--shadow:0 1px 2px rgba(17,47,32,.06),0 4px 12px rgba(17,47,32,.06);--shadow-hover:0 2px 4px rgba(17,47,32,.08),0 12px 28px rgba(17,47,32,.12);--scrim:rgba(17,47,32,.45);--font-display:'Tajawal',system-ui,sans-serif;--font-body:'IBM Plex Sans Arabic','Tajawal',system-ui,sans-serif;--r-card:16px;--r-control:12px;--r-pill:999px;--dur:200ms;--ease:cubic-bezier(.16,1,.3,1);--r:16px;--font-head:'Tajawal',system-ui,sans-serif;--r-ctl:12px;color-scheme:light}
:root.dark{--bg:#0f1c15;--surface:#18271e;--surface-2:#1f2f25;--ink:#f1ece0;--muted:#a9b5ab;--line:#2c3f33;--green:#8fcaa6;--green-deep:#112f20;--green-soft:#1d3427;--gold:#e0c25a;--gold-ink:#e0c25a;--gold-soft:#332c14;--good:#7bd396;--good-soft:#183626;--warn:#e8b84a;--warn-soft:#33290f;--bad:#f2958c;--bad-soft:#3a1c19;--on-green:#f1ece0;--on-gold:#0f1c15;--on-gold-soft:#e0c25a;--on-bad:#0f1c15;--green-text:#8fcaa6;--green-fill:#2f6b4c;--field-border:#5b7666;--btn-primary:#2f6b4c;--btn-primary-hover:#275a40;--gold-hover:#ebd174;--bad-hover:#f6aaa3;--track:#24382c;--fill:#8fcaa6;--skel:#223429;--neutral-bg:#1f3026;--head-bg:#112f20;--head-fg:#f1ece0;--head-fg-2:#a9b5ab;--head-gold:#e0c25a;--focus-edge:transparent;--shadow:0 1px 2px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.25);--shadow-hover:0 2px 4px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.4);--scrim:rgba(0,0,0,.6);color-scheme:dark}
.dark{--bg:#0f1c15;--surface:#18271e;--surface-2:#1f2f25;--ink:#f1ece0;--muted:#a9b5ab;--line:#2c3f33;--green:#8fcaa6;--green-deep:#112f20;--green-soft:#1d3427;--gold:#e0c25a;--gold-ink:#e0c25a;--gold-soft:#332c14;--good:#7bd396;--good-soft:#183626;--warn:#e8b84a;--warn-soft:#33290f;--bad:#f2958c;--bad-soft:#3a1c19;--on-green:#f1ece0;--on-gold:#0f1c15;--on-gold-soft:#e0c25a;--on-bad:#0f1c15;--green-text:#8fcaa6;--green-fill:#2f6b4c;--field-border:#5b7666;--btn-primary:#2f6b4c;--btn-primary-hover:#275a40;--gold-hover:#ebd174;--bad-hover:#f6aaa3;--track:#24382c;--fill:#8fcaa6;--skel:#223429;--neutral-bg:#1f3026;--head-bg:#112f20;--head-fg:#f1ece0;--head-fg-2:#a9b5ab;--head-gold:#e0c25a;--focus-edge:transparent;--shadow:0 1px 2px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.25);--shadow-hover:0 2px 4px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.4);--scrim:rgba(0,0,0,.6);color-scheme:dark}