/* Khorasia Aambo - Design tokens, reset and typography. */

:root{
  --line:#A9986F;
  --paper:#EFE6D2;
  --paper-2:#F8F2E2;
  --paper-3:#E4D8BC;
  --ink:#1B1A2A;
  --ink-2:#4A4636;
  --ink-3:#7A7460;
  --sindoor:#B22A22;
  --sindoor-soft:#E8D3CB;
  --turmeric:#9C6B10;
  --leaf:#41643F;
  --rule:#CBBD9E;
  --rule-2:#DCD1B6;
  --shadow:0 1px 0 rgba(27,26,42,.06), 0 8px 22px -14px rgba(27,26,42,.45);
  --serif:'Rasa','Noto Serif Gujarati','Gujarati Sangam MN','Shruti','Nirmala UI','Noto Sans Gujarati',Georgia,serif;
  --sans:'Archivo','Gujarati Sangam MN','Nirmala UI','Noto Sans Gujarati',system-ui,-apple-system,sans-serif;
  --pad:clamp(14px,3vw,28px);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--paper);
  background-image:
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(27,26,42,.022) 27px 28px),
    radial-gradient(1200px 600px at 78% -8%,rgba(178,42,34,.05),transparent 60%),
    radial-gradient(900px 500px at 5% 108%,rgba(156,107,16,.06),transparent 62%);
  color:var(--ink);
  font-family:var(--sans);
  -webkit-text-size-adjust:100%;
  overflow-x:hidden;
}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2.5px solid var(--sindoor);outline-offset:2px;border-radius:3px}
::selection{background:var(--sindoor);color:var(--paper-2)}