/* ============================================================
   LILOU — Design tokens
   ============================================================ */
/* @brand:light */
:root{
  --navy:#7A4A26;
  --navy-deep:#5C381D;
  --navy-soft:#977256;
  --navy-mist:#F4F1EE;
  --rose:#D9B48F;
  --rose-light:#EEDDCD;
  --rose-deep:#A98C70;
  --rose-mist:#FBF8F4;
  --cream:#F7F5F2;
  --cream-2:#EEEAE4;
  --cream-3:#E0DAD1;
  --paper:#FFFFFF;
  --ink:#33271D;
  --ink-2:#7A736C;
  --muted:#A39E99;
  --line:#E0D9CF;
  --line-strong:#CCC1B3;
  --good:#3F6B4E;
  --good-bg:#EAF2EC;
  --warn:#9A6714;
  --warn-bg:#FBF0DC;
  --danger:#A3211A;
  --danger-bg:#FBE7E5;
  --info:#3F5A80;
  --info-bg:#ECF0F6;
  --on-accent:#33271D;
  --on-primary:#F7F4F2;
  --on-accent-ink:#33271D;
  --on-accent-soft:#5C381D;
  --surface-dark:#25160B;
  --logo-plate:#F7F5F2;
  --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(122,74,38,.06), 0 2px 8px rgba(122,74,38,.05);
  --shadow-m:0 4px 12px rgba(122,74,38,.08), 0 12px 32px rgba(122,74,38,.07);
  --shadow-l:0 12px 32px rgba(122,74,38,.12), 0 28px 68px rgba(122,74,38,.10);
  --fa:'Vazirmatn','IRANSans','Segoe UI',Tahoma,Arial,sans-serif;
  --serif:'Cormorant Garamond','Vazirmatn',Georgia,serif;
  --tap:44px;
}
/* @end */
/* @brand:dark */
html[data-theme="dark"]{
  --navy:#DDB292;
  --navy-deep:#EDD9C9;
  --navy-soft:#CA9872;
  --navy-mist:#2E2219;
  --rose:#D9B48F;
  --rose-light:#6D5A48;
  --rose-deep:#ECDAC7;
  --rose-mist:#32261B;
  --cream:#16110E;
  --cream-2:#1F1914;
  --cream-3:#2A231D;
  --paper:#1C1612;
  --ink:#EFEDEC;
  --ink-2:#C7C1BD;
  --muted:#938B85;
  --line:#36302B;
  --line-strong:#4A413A;
  --good:#8FBF9C;
  --good-bg:#1A2A20;
  --warn:#E0B15E;
  --warn-bg:#2B2416;
  --danger:#EE8A7E;
  --danger-bg:#2E1B18;
  --info:#9FB4D4;
  --info-bg:#1A2030;
  --on-accent:#1D1B19;
  --on-primary:#16110E;
  --on-accent-ink:#1D1B19;
  --on-accent-soft:#ECDAC7;
  --surface-dark:#0F0C0A;
  --logo-plate:#F7F5F2;
  --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)}