:root{
  --ink:#1B2A41;
  --ink-light:#28395A;
  --ink-soft:#3A4D71;
  --parchment:#FAF5EC;
  --parchment-dark:#F0E8D6;
  --card:#FFFFFF;
  --brass:#C68B3E;
  --brass-light:#E0AE63;
  --brass-dark:#A36E27;
  --emerald:#1F6F5C;
  --emerald-light:#2E9079;
  --wine:#8C2F39;
  --wine-light:#B14653;
  --stone:#B9AE9C;
  --stone-light:#E4DCC9;
  --text:#20242B;
  --text-soft:#5C6273;
  --radius:14px;
  --radius-sm:8px;
  --shadow:0 8px 24px -8px rgba(27,42,65,.18);
  --shadow-sm:0 2px 8px -2px rgba(27,42,65,.12);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Tajawal',sans-serif;
  background:var(--parchment);
  color:var(--text);
  min-height:100vh;
  line-height:1.6;
}
.display{font-family:'Tajawal';}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,select,textarea{font-family:inherit;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--brass-light);}