@font-face {
  font-family: "Axiforma";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/widget/assets/axiforma-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Axiforma";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/widget/assets/axiforma-bold.ttf") format("truetype");
}

:root {
  --anomaly-black: #000000;
  --anomaly-white: #ffffff;
  --anomaly-muted: #7a7a7a;
  --anomaly-accent: #ffdd00;
  --anomaly-peach: #ffbc7d;
  --anomaly-font: "Axiforma", system-ui, sans-serif;
  --anomaly-radius-pill: 999px;
  --anomaly-radius-soft: 12px;
  --anomaly-widget-width: min(360px, 33vw);

  --primary: var(--anomaly-black);
  --accent: var(--anomaly-accent);
  --bg: var(--anomaly-black);
  --surface: #111111;
  --surface-elevated: #1a1a1a;
  --text: var(--anomaly-white);
  --muted: var(--anomaly-muted);
  --border: #2a2a2a;
  --radius: var(--anomaly-radius-soft);
  --touch: 44px;
  --font: var(--anomaly-font);
}