@font-face {
  font-family: "quicksand";
  src: url("https://cdn-media.its-order.pl/fontsgoogle/quicksand/300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "quicksand";
  src: url("https://cdn-media.its-order.pl/fontsgoogle/quicksand/400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "quicksand";
  src: url("https://cdn-media.its-order.pl/fontsgoogle/quicksand/500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "quicksand";
  src: url("https://cdn-media.its-order.pl/fontsgoogle/quicksand/600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "quicksand";
  src: url("https://cdn-media.its-order.pl/fontsgoogle/quicksand/700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  --theme-color-primary-light:#f7f3ed;
  --theme-color-primary:#754126;
  --theme-color-accent:#f4d8d7;
  --theme-text-on-accent:#754126;
  --theme-bg:#f4d8d7;
  --theme-surface:#ffffff;
  --theme-text:#754126;
  --theme-on-text:#000000;
  --theme-text-muted:#475569;
  --theme-border:#e5e7eb;
  --theme-border-radius:8px;
  --theme-link:#754126;
  --theme-card-bg:#ffffff;

  --theme-primary-a-12:hsla(21 51% 30% / 0.12);
  --theme-primary-a-25:hsla(21 51% 30% / 0.25);
  --theme-ring:hsla(21 51% 30% / 0.24);

  --theme-color:#754126;
  --theme-color-akcent:#f4d8d7;
  --theme-color2:#754126;
  --theme-color-stroke:#e5e7eb;

  --theme-font:"quicksand";
}
:root[data-theme="dark"]{
  --theme-ring:hsla(21 51% 30% / 0.36);
}