/* CoffeeGuru shop tokens — https://www.coffeeguru.lv */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap");

:root {
  --cg-green: #006342;
  --cg-green-hover: #266144;
  --cg-green-bright: #009664;
  --cg-green-soft: #deeee6;
  --cg-cta: #fd5900;
  --cg-yellow: #f9c41a;
  --cg-yellow-soft: #fdf6e2;
  --cg-text: #202020;
  --cg-muted: #4a4a4a;
  --cg-soft: #888888;
  --cg-bg: #f5f7fa;
  --cg-surface: #ffffff;
  --cg-border: #cacaca;
  --cg-ok-bg: #d4edda;
  --cg-ok-fg: #155724;
  --cg-bad-bg: #fde8e8;
  --cg-bad-fg: #df3d3d;
  --cg-warn-bg: #fdf6e2;
  --cg-warn-fg: #8a6a10;
  --cg-font: Montserrat, sans-serif;
  --cg-font-display: Poppins, Montserrat, sans-serif;
}

html {
  font-family: var(--cg-font);
  color: var(--cg-text);
}

.cg-mark {
  display: block;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.topbar .cg-mark {
  width: 24px;
  height: 24px;
}

.cg-logo {
  display: block;
  height: 56px;
  width: auto;
  margin: 0 auto 12px;
}

.cg-wordmark {
  font-family: var(--cg-font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--cg-green);
}