/**
 * ROOTS brand foundation
 * Deep botanical green, resin gold and warm mineral surfaces.
 */
:root{
  --roots-green-950:#0d3022;
  --roots-green-900:#123d2b;
  --roots-green-800:#183523;
  --roots-forest:#244b32;
  --roots-gold:#d3a63b;
  --roots-gold-deep:#b98922;
  --roots-cream:#f3ebdd;
  --roots-ivory:#f8f2e6;
  --roots-paper:#fffdf8;
  --roots-ink:#252820;
  --roots-muted:#697268;
  --roots-line:rgba(21,61,43,.10);
  --roots-shadow-soft:0 12px 30px rgba(16,45,32,.045);
  --roots-radius-card:20px;
  --roots-focus:0 0 0 3px rgba(211,166,59,.30);
  --roots-font-display:"Alexandria","Tajawal",sans-serif;
  --roots-font-body:"Tajawal","Arial",sans-serif;
  --roots-font-utility:"Alexandria","Tajawal",sans-serif;
}

html{
  color-scheme:light;
  scroll-behavior:smooth;
}

body{
  color:var(--roots-ink);
  background:var(--roots-ivory);
}

:where(a,button,input,select,textarea):focus-visible{
  outline:2px solid var(--roots-gold-deep)!important;
  outline-offset:3px;
  box-shadow:var(--roots-focus);
}

::selection{
  color:#fff;
  background:var(--roots-forest);
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}