/*
 * base/01-tokens.css
 * Design tokens da identidade Monetize Mentoring and Consulting: preto #0e0e0e, marfim #fdfbee,
 * ouro claro #fdd982 e ouro #fdb621. Títulos em Montserrat, texto em Manrope. Mude a identidade visual aqui.
 */

:root {
  --heroimg: url("../../assets/img/hero.jpg");
  --bg: #0e0e0e;
  --sf: #171716;
  --sf2: #1e1d1b;
  --sf3: #282623;
  --ln: #2b2925;
  --ln2: #3a3731;
  --tx: #f7f4e6;
  --t2: #b5af9d;
  --t3: #827d70;
  --gd: #fdb621;
  --gd2: #fdd982;
  --gdi: #0e0e0e;
  --gds: rgba(253,182,33,.11);
  --gdl: rgba(253,182,33,.34);
  --ok: #6cc08b;
  --oks: rgba(108,192,139,.13);
  --er: #ec7468;
  --ers: rgba(236,116,104,.13);
  --wn: #e9a94a;
  --wns: rgba(233,169,74,.14);
  --in: #9fb3e8;
  --ins: rgba(159,179,232,.13);
  --on: #5cc3c0;
  --ons: rgba(92,195,192,.13);
  --side: #0e0e0e;
  --sideTx: #a8a39a;
  --shadow: 0 20px 60px rgba(0,0,0,.6);
  --ui: "Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --dp: "Montserrat","Inter","Manrope",system-ui,sans-serif;
  --gg: linear-gradient(100deg,#fdfbee 0%,#fdd982 38%,#fdb621 100%);
  --hex: polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%);
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top,0px);
  padding-bottom: env(safe-area-inset-bottom,0px);
  color-scheme: dark;
}

@media (prefers-color-scheme:light) {
  :root:not([data-theme="dark"]) {
    --bg: #f4f2e8;
    --sf: #fffefa;
    --sf2: #f8f6ec;
    --sf3: #eeebdd;
    --ln: #e3dfcf;
    --ln2: #d2cdb9;
    --tx: #0e0e0e;
    --t2: #575245;
    --t3: #857f6f;
    --gd: #8a5d00;
    --gd2: #b57c00;
    --gds: rgba(181,124,0,.10);
    --gdl: rgba(181,124,0,.38);
    --ok: #1f7a45;
    --oks: #e3f2e8;
    --er: #b3392d;
    --ers: #fbe7e4;
    --wn: #8a5a00;
    --wns: #fbf0d9;
    --in: #3a52a0;
    --ins: #e7ecfa;
  --on: #136f6c;
  --ons: #ddf1f0;
    --on: #136f6c;
    --ons: #ddf1f0;
    --side: #0e0e0e;
    --shadow: 0 20px 50px rgba(0,0,0,.18);
    color-scheme: light;
  }
}

:root[data-theme="light"] {
  --bg: #f4f2e8;
  --sf: #fffefa;
  --sf2: #f8f6ec;
  --sf3: #eeebdd;
  --ln: #e3dfcf;
  --ln2: #d2cdb9;
  --tx: #0e0e0e;
  --t2: #575245;
  --t3: #857f6f;
  --gd: #8a5d00;
  --gd2: #b57c00;
  --gds: rgba(181,124,0,.10);
  --gdl: rgba(181,124,0,.38);
  --ok: #1f7a45;
  --oks: #e3f2e8;
  --er: #b3392d;
  --ers: #fbe7e4;
  --wn: #8a5a00;
  --wns: #fbf0d9;
  --in: #3a52a0;
  --ins: #e7ecfa;
  --on: #136f6c;
  --ons: #ddf1f0;
  --side: #0e0e0e;
  --shadow: 0 20px 50px rgba(0,0,0,.18);
  color-scheme: light;
}