/* Sanah design tokens, shared by the quiz and the staff dashboard.
   Source of truth: C:\Users\jivap\Nextcloud4\1 Projects\Ayurveda Tulum\Sanah - Brand Design System\Sanah Brand Design System.html
   Fonts: EB Garamond (questions, body) and Marcellus (small capital labels), loaded by each page. */
:root{
  --sanah-white:     #FFFFFF;
  --sanah-chukum:    #F1EDE8;
  --sanah-charcoal:  #272727;
  --sanah-graphite:  #3C3C3C;
  --sanah-cafe:      #776A59;
  --sanah-clay:      #B06326;
  --sanah-clay-dark: #8F4E1C;   /* hover/pressed state of clay */
  --sanah-ember:     #D9843F;
  --sanah-peach:     #F2D3B9;
  --sanah-parota:    #70380F;
  --sanah-pool:      #1ABFBC;

  --sanah-serif: 'EB Garamond', Garamond, Georgia, serif;
  --sanah-label: 'Marcellus', Georgia, serif;

  --sanah-radius: 0;
  --sanah-hairline: 1px solid rgba(119,106,89,.35);
  --sanah-line-strong: 1px solid rgba(39,39,39,.55);
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--sanah-white);color:var(--sanah-charcoal);font-family:var(--sanah-serif);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
.label{font-family:var(--sanah-label);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--sanah-cafe)}
a{color:var(--sanah-clay)}
:focus-visible{outline:2px solid var(--sanah-clay);outline-offset:3px}
button{font:inherit;color:inherit;border-radius:var(--sanah-radius)}
.btn-clay{background:var(--sanah-clay);color:#fff;border:0;padding:12px 34px;font-size:18px;cursor:pointer}
.btn-clay:hover{background:var(--sanah-clay-dark)}
.btn-outline{background:transparent;color:var(--sanah-charcoal);border:1px solid var(--sanah-charcoal);padding:11px 30px;font-size:17px;cursor:pointer}
.btn-outline:hover{background:var(--sanah-charcoal);color:#fff}
.btn-link{background:none;border:0;padding:0;color:var(--sanah-charcoal);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}