@import url("/assets/brand/product-shell.css?v=1");

/* SautiLink Cloud Engine typography — self-hosted Manrope. */
@font-face {
  font-family: "Manrope";
  src: url("/assets/fonts/manrope/Manrope-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --brand-primary: #2563eb;
  --brand-primary-hover: #1d4ed8;
  --brand-light: #60a5fa;
  --brand-white: #ffffff;
  --font-primary: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font: var(--font-primary);
  --accent: var(--brand-primary);
  --accent-hover: var(--brand-light);
  --accent-soft: rgba(37, 99, 235, 0.12);
}

html,
body,
button,
input,
textarea,
select,
.brand-name,
.brand-product,
.footer-brand,
.footer-note,
.footer-copy,
[data-brand-font] {
  font-family: var(--font-primary);
}

::selection {
  background: var(--brand-light);
  color: #0f172a;
}