/* Layer: project-wide
   Scope: shared Reegl OS typography and primary actions.
   Used by: the welcome, account and workspace pages. */

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/manrope/manrope-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --font-sans: 'Manrope', system-ui, sans-serif;
  --primary-action-bg: color-mix(in srgb, var(--c1) 80%, var(--cb));
}

/* The darker action shade keeps white labels legible through the hover state. */
.btn-primary,
.welcome-login .rx-action,
.account-login .rx-action {
  --c1: var(--primary-action-bg);
  --on-c1: var(--cw);
}