/* وضوح v25 · design tokens (see DESIGN.md). The palette keeps the original identity: forest green, gold, warm paper.
   Existing components keep their own rules; new and touched components use these names. */
:root{
 --wd-bg:var(--cream);--wd-surface:var(--paper);--wd-text:var(--ink);--wd-text-strong:var(--forest);--wd-text-muted:var(--muted);--wd-border:var(--line);
 --wd-accent:var(--gold);--wd-accent-strong:#8a6a3a;--wd-danger:#9b2c2c;--wd-success:#235e48;--wd-warning:#8a5a00;
 --wd-space-1:4px;--wd-space-2:8px;--wd-space-3:12px;--wd-space-4:16px;--wd-space-5:24px;--wd-space-6:32px;
 --wd-radius-s:6px;--wd-radius-m:10px;--wd-radius-l:16px;
 --wd-font-ui:"IBM Plex Sans Arabic","Geeza Pro",Tahoma,sans-serif;--wd-font-display:Amiri,serif;
 --wd-text-xs:12px;--wd-text-s:13px;--wd-text-m:15px;--wd-text-l:18px;--wd-text-xl:24px;
 --wd-shadow-1:0 1px 2px #0000000f,0 4px 14px #0000000d;--wd-focus:0 0 0 3px color-mix(in srgb,var(--gold) 45%,transparent);
 --wd-duration:.18s}
html[data-wd-scheme=dark]:not([data-wuduh-owner-theme]){--wd-accent-strong:#d6b57d;--wd-danger:#f1a3a3;--wd-success:#8fd3b4;--wd-warning:#f0c674;--wd-shadow-1:0 1px 2px #0006,0 6px 18px #0005}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* states: empty / loading / error — one look everywhere */
.empty-list{color:var(--wd-text-muted)}
.empty-list p{font-size:var(--wd-text-s);line-height:1.8}
.wd-rich-loading,.wd-state-loading{display:flex;align-items:center;gap:var(--wd-space-2);color:var(--wd-text-muted);font-size:var(--wd-text-s);padding:var(--wd-space-4)}
.wd-rich-loading::before,.wd-state-loading::before{content:"";inline-size:14px;block-size:14px;border-radius:50%;border:2px solid color-mix(in srgb,var(--gold) 35%,transparent);border-top-color:var(--gold);animation:rotate 1s linear infinite;flex:none}
:is(.auth-error,.wd-editor-fallback,.wd-state-error){border-radius:var(--wd-radius-s)}
.wd-state-error{color:var(--wd-danger);background:color-mix(in srgb,var(--wd-danger) 8%,var(--wd-surface));border:1px solid color-mix(in srgb,var(--wd-danger) 30%,transparent);padding:var(--wd-space-3) var(--wd-space-4)}

/* settings: section index + appearance */
.wd-settings-index{display:flex;flex-wrap:wrap;gap:var(--wd-space-2);margin:var(--wd-space-3) 0 var(--wd-space-5)}
.wd-settings-index a{padding:6px 12px;border:1px solid var(--wd-border);border-radius:999px;background:var(--wd-surface);color:var(--wd-text);text-decoration:none;font-size:var(--wd-text-s)}
.wd-settings-index a:hover{border-color:var(--wd-accent)}
.wd-settings-index a:focus-visible{outline:none;box-shadow:var(--wd-focus)}
.settings-sections>section{scroll-margin-top:72px}
.wd-scheme-label .wd-hint{display:block;margin-top:4px}