/* ============================================================
   LILOU — Design tokens
   ============================================================ */
/* @brand:light */
:root{
  --navy:#2A1A12;
  --navy-deep:#1A0F0A;
  --navy-soft:#4A3222;
  --navy-mist:#F3ECE6;
  --rose:#F39220;
  --rose-light:#FBC98A;
  --rose-deep:#C96F0C;
  --rose-mist:#FFF1DF;
  --cream:#FFF8EE;
  --cream-2:#FBEEDC;
  --cream-3:#F5E3CB;
  --paper:#FFFFFF;
  --ink:#2A1D15;
  --ink-2:#5E4A3C;
  --muted:#9A8573;
  --line:#EFDFCC;
  --line-strong:#E2CCB3;
  --good:#2F6B4F;
  --good-bg:#E6F1EB;
  --warn:#9A6714;
  --warn-bg:#FBF0DC;
  --danger:#A3211A;
  --danger-bg:#FBE7E5;
  --info:#2A588A;
  --info-bg:#E8F0F8;
  --on-accent:#2A1A12;
  --on-primary:#FBEEDC;
  --on-accent-ink:#2A1A12;
  --on-accent-soft:#7A4A10;
  --surface-dark:#1A120D;
  --logo-plate:#FFF8EE;
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:30px;
  --sp1:4px; --sp2:8px; --sp3:12px; --sp4:16px; --sp5:24px; --sp6:32px; --sp7:48px;
  --shadow-s:0 1px 2px rgba(42,26,18,.06), 0 2px 8px rgba(42,26,18,.05);
  --shadow-m:0 4px 12px rgba(42,26,18,.08), 0 12px 32px rgba(42,26,18,.07);
  --shadow-l:0 12px 32px rgba(42,26,18,.12), 0 28px 68px rgba(42,26,18,.10);
  --fa:'Vazirmatn','IRANSans','Segoe UI',Tahoma,Arial,sans-serif;
  --serif:'Vazirmatn','Segoe UI',Tahoma,sans-serif;
  --tap:44px;
}
/* @end */
/* @brand:dark */
html[data-theme="dark"]{
  --navy:#F6B46A;
  --navy-deep:#FBD3A3;
  --navy-soft:#E29A4E;
  --navy-mist:#2A2019;
  --rose:#F6A445;
  --rose-light:#8A5A22;
  --rose-deep:#FBC98A;
  --rose-mist:#2C2117;
  --cream:#16110D;
  --cream-2:#1E1712;
  --cream-3:#271E18;
  --paper:#1C1511;
  --ink:#F3E8DC;
  --ink-2:#C9B8A6;
  --muted:#8F7E6E;
  --line:#33281F;
  --line-strong:#45372B;
  --good:#7BC49C;
  --good-bg:#1A2A22;
  --warn:#E0B15E;
  --warn-bg:#2B2416;
  --danger:#EE8A7E;
  --danger-bg:#2E1B18;
  --info:#7FB0E0;
  --info-bg:#182432;
  --on-accent:#1A0F0A;
  --on-primary:#1A0F0A;
  --on-accent-ink:#1A0F0A;
  --on-accent-soft:#FBC98A;
  --surface-dark:#120D0A;
  --logo-plate:#FFF8EE;
  --shadow-s:0 1px 2px rgba(0,0,0,.3);
  --shadow-m:0 4px 14px rgba(0,0,0,.4);
  --shadow-l:0 14px 40px rgba(0,0,0,.55);
}
/* @end */

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--fa); background:var(--cream); color:var(--ink);
  font-size:15px; line-height:1.7; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.5;
  background:
    radial-gradient(1100px 620px at 88% -8%, var(--rose-mist), transparent 62%),
    radial-gradient(900px 520px at 4% 4%, var(--navy-mist), transparent 60%);
}
input,select,textarea,button{font-family:inherit; font-size:inherit; color:inherit}
button{cursor:pointer; border:0; background:none}
a{color:var(--navy); text-decoration:none}
::selection{background:var(--rose-light); color:var(--ink)}

*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line-strong); border-radius:99px; border:3px solid var(--cream)}
*::-webkit-scrollbar-thumb:hover{background:var(--rose)}