:root {
  --boss-public-accent: #009fe3;
  --boss-public-accent-strong: #006fae;
  --boss-public-text: #1d1d1b;
  --boss-public-surface: #ffffff;
  --boss-public-muted: #5e6874;
  --boss-public-border: rgba(29, 29, 27, 0.12);
  --boss-public-surface-soft: color-mix(in srgb, var(--boss-public-accent) 6%, var(--boss-public-surface));
  --boss-public-field-surface: color-mix(in srgb, var(--boss-public-accent) 2.5%, var(--boss-public-surface));
  --boss-public-on-accent: #ffffff;
  --boss-public-danger: #b42318;
  --boss-public-success: #128a5c;
  --boss-public-warning: #9a6700;
  --boss-public-success-surface: color-mix(in srgb, var(--boss-public-success) 10%, var(--boss-public-surface));
  --boss-public-warning-surface: color-mix(in srgb, var(--boss-public-warning) 10%, var(--boss-public-surface));
  --boss-public-danger-surface: color-mix(in srgb, var(--boss-public-danger) 9%, var(--boss-public-surface));
  --boss-public-overlay: color-mix(in srgb, var(--boss-public-text) 58%, transparent);
  --boss-public-shadow: 0 30px 90px color-mix(in srgb, var(--boss-public-text) 18%, transparent);
  --boss-public-radius: 24px;
  --boss-public-content-width: 72rem;

  /* Shared interaction geometry across public, account and application surfaces. */
  --boss-control-min-size: 44px;
  --boss-focus-ring-width: 3px;
  --boss-focus-ring-offset: 2px;
  --boss-focus-ring-color: color-mix(in srgb, var(--boss-public-accent) 42%, transparent);
  --boss-focus-ring: var(--boss-focus-ring-width, 3px) solid var(--boss-focus-ring-color);

  /* VC3 — shared typography contract. Nunito is self-hosted by Telet;
     body text uses the native system stack so every requested font exists. */
  --boss-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --boss-font-display: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --boss-font-ui: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --boss-type-display-size: clamp(2.7rem, 6vw, 4.5rem);
  --boss-type-surface-h1-size: clamp(2.1rem, 4.6vw, 3.4rem);
  --boss-type-section-h2-size: clamp(1.7rem, 3.4vw, 2.55rem);
  --boss-type-subsection-h3-size: clamp(1.25rem, 2.1vw, 1.65rem);
  --boss-type-body-size: 1rem;
  --boss-type-small-size: 0.875rem;
  --boss-type-nav-size: 0.94rem;
  --boss-type-display-line: 1.04;
  --boss-type-heading-line: 1.14;
  --boss-type-body-line: 1.72;
  --boss-type-display-tracking: -0.035em;
  --boss-type-heading-tracking: -0.022em;
  --boss-type-ui-tracking: 0.01em;

  --boss-shell-header-bg: rgba(255, 255, 255, 0.96);
  --boss-shell-footer-bg: #0f172a;
  --boss-shell-footer-text: #cbd5e1;
}

body.telet-host,
body.telet-tenant-public {
  background-color: var(--boss-public-surface);
  color: var(--boss-public-text);
  font-family: var(--boss-font-body);
}