/**
 * Awafi Herb | tokens.css
 * Design tokens: colours, radii and the light/dark themes. Edit colours here only.
 * Source file: edit this one; minify with a caching plugin.
 */

/* ---- Design tokens ---- */
:root {
  --pri: #0c4a36;
  --pri2: #126a4b;
  --lf: #2fa36b;
  --am: #f2a516;
  --co: #e2553f;
  --bg: #f3f8f4;
  --card: #fff;
  --tx: #0e2118;
  --mu: #587064;
  --ln: #dbe8de;
  --soft: #e4f1e8;
  --hero: #0c4a36;
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top,0px);
  padding-bottom: env(safe-area-inset-bottom,0px);
}

@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) {
    --pri: #2fa36b;
    --pri2: #3cbd7e;
    --bg: #0a130e;
    --card: #12211a;
    --tx: #edf5ee;
    --mu: #9bb1a3;
    --ln: #243a2d;
    --soft: #1a2f24;
    --hero: #0a2c20;
  }
}
:root[data-theme="dark"] {
  --pri: #2fa36b;
  --pri2: #3cbd7e;
  --bg: #0a130e;
  --card: #12211a;
  --tx: #edf5ee;
  --mu: #9bb1a3;
  --ln: #243a2d;
  --soft: #1a2f24;
  --hero: #0a2c20;
}