@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:#fff2ea;
  --theme-color-primary:#ff7a2f;
  --theme-color-accent:#0f172a;
  --theme-text-on-accent:#ffffff;
  --theme-bg:#f8f8f8;
  --theme-surface:#ffffff;
  --theme-text:#0f172a;
  --theme-on-text:#ffffff;
  --theme-text-muted:#475569;
  --theme-border:#e5e7eb;
  --theme-border-radius:8px;
  --theme-link:#ff7a2f;
  --theme-card-bg:#ffffff;

  --theme-primary-a-12:hsla(22 100% 59% / 0.12);
  --theme-primary-a-25:hsla(22 100% 59% / 0.25);
  --theme-ring:hsla(22 100% 59% / 0.24);

  --theme-color:#ff7a2f;
  --theme-color-akcent:#0f172a;
  --theme-color2:#0f172a;
  --theme-color-stroke:#e5e7eb;

  --theme-font:"quicksand";
}
:root[data-theme="dark"]{
  --theme-ring:hsla(22 100% 59% / 0.36);
}