/* ============ RajaHost shared design tokens (light + dark) ============ */
@font-face{font-family:"Vazirmatn";src:url("fonts/Vazirmatn-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("fonts/Vazirmatn-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Vazirmatn";src:url("fonts/Vazirmatn-Bold.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --bg:#f7f8fc;--bg-2:#eef1f9;--surface:#ffffff;--surface-2:#f3f5fb;--surface-3:#e9ecf6;
  --glass:rgba(255,255,255,.74);
  --ink:#0b1020;--ink-2:#49516c;--muted:#79819c;
  --line:#e6e9f3;--line-2:#d5dae9;
  --brand:#5b5bd6;--brand-2:#a855f7;--brand-ink:#4338ca;
  --brand-soft:#eef0ff;--brand-soft-line:#dfe3ff;
  --ok:#0ea371;--ok-soft:#e7f9f1;--warn:#d97706;--warn-soft:#fff7e6;
  --danger:#dc2626;--danger-soft:#fdecec;
  --grad:linear-gradient(135deg,#6366f1 0%,#8b5cf6 52%,#d946ef 100%);
  --shadow-xs:0 1px 2px rgba(11,16,32,.05);
  --shadow-sm:0 1px 2px rgba(11,16,32,.04),0 2px 8px rgba(11,16,32,.05);
  --shadow:0 14px 34px -18px rgba(11,16,32,.22);
  --shadow-lg:0 40px 80px -40px rgba(11,16,32,.35);
  --ring:0 0 0 4px rgba(99,102,241,.16);
  --r-sm:11px;--r:16px;--r-lg:22px;--r-xl:30px;
  --font:"Vazirmatn",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --ease:cubic-bezier(.22,.9,.32,1);
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#070a14;--bg-2:#0b1020;--surface:#0f1424;--surface-2:#151b2f;--surface-3:#1c2340;
  --glass:rgba(13,18,34,.74);
  --ink:#eef1fb;--ink-2:#b2b9d4;--muted:#8189a8;
  --line:#212843;--line-2:#2c3455;
  --brand:#7c83ff;--brand-2:#c084fc;--brand-ink:#c7d2fe;
  --brand-soft:#1a2040;--brand-soft-line:#2a3157;
  --ok:#34d399;--ok-soft:#0d2b24;--warn:#fbbf24;--warn-soft:#2a2113;
  --danger:#f87171;--danger-soft:#2d1418;
  --grad:linear-gradient(135deg,#6366f1 0%,#8b5cf6 52%,#d946ef 100%);
  --shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.35);
  --shadow:0 20px 44px -24px rgba(0,0,0,.75);
  --shadow-lg:0 50px 90px -50px rgba(0,0,0,.95);
  --ring:0 0 0 4px rgba(124,131,255,.22);
  color-scheme:dark;
}

/* theme toggle button (shared) */
.theme-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);
  color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  transition:.2s var(--ease);flex:none;padding:0}
.theme-btn:hover{color:var(--brand-ink);border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.theme-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-btn .ic-sun{display:none}
[data-theme="dark"] .theme-btn .ic-sun{display:block}
[data-theme="dark"] .theme-btn .ic-moon{display:none}

/* smooth theme cross-fade */
html.theme-switching,html.theme-switching *{transition:background-color .28s var(--ease),border-color .28s var(--ease),color .28s var(--ease)!important}