@font-face {
  font-family: Manrope;
  src: url('../fonts/manrope-variable.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --aliasio-font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --aliasio-iris: #6454d9;
  --aliasio-iris-hover: #5343c2;
  --aliasio-lavender: #efecfc;
  --aliasio-ink: #242238;
  --aliasio-muted: #696577;
  --aliasio-paper: #faf9f6;
  --aliasio-white: #ffffff;
  --aliasio-line: #e6e3ed;
  --aliasio-mint: #e1f3eb;
  --aliasio-success: #25664f;
  --aliasio-danger: #b43d50;
  --aliasio-warning: #855b16;
  --aliasio-radius-control: 10px;
  --aliasio-radius-card: 16px;
  --aliasio-radius-feature: 24px;
  --aliasio-space-1: 4px;
  --aliasio-space-2: 8px;
  --aliasio-space-3: 12px;
  --aliasio-space-4: 16px;
  --aliasio-space-6: 24px;
  --aliasio-space-8: 32px;
  --aliasio-space-12: 48px;
}

/* Semantic product values: the guide, console and invitations share these. */
:root {
  color-scheme: light;
  --aliasio-bg-deep: #f3f1f7;
  --aliasio-surface: #fff;
  --aliasio-surface-soft: #f5f3f9;
  --aliasio-line-strong: #d6d1e2;
  --aliasio-action-text: #fff;
  --aliasio-shadow: 0 18px 48px #24223814;
  --aliasio-shadow-soft: 0 9px 28px #2422380e;
  --aliasio-type-title: 30px;
  --aliasio-type-section: 18px;
  --aliasio-type-body: 15px;
  --aliasio-type-meta: 13px;
  --aliasio-duration-fast: 140ms;
  --aliasio-duration-normal: 240ms;
  --aliasio-ease: cubic-bezier(.2,.8,.2,1);
}
:root {
  --aliasio-dark-paper: #14131c;
  --aliasio-dark-bg-deep: #14131c;
  --aliasio-dark-surface: #1e1c2a;
  --aliasio-dark-surface-soft: #252232;
  --aliasio-dark-line: #343044;
  --aliasio-dark-line-strong: #494259;
  --aliasio-dark-ink: #f3f0fc;
  --aliasio-dark-muted: #b5afc6;
  --aliasio-dark-iris: #b7aaff;
  --aliasio-dark-iris-hover: #c9bfff;
  --aliasio-dark-lavender: #332b51;
  --aliasio-dark-mint: #223c33;
  --aliasio-dark-success: #9adabb;
  --aliasio-dark-danger: #ffa1b0;
  --aliasio-dark-warning: #efcb8b;
  --aliasio-dark-action-text: #211a3c;
  --aliasio-dark-shadow: 0 18px 48px #00000048;
  --aliasio-dark-shadow-soft: 0 9px 28px #00000033;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --aliasio-paper: var(--aliasio-dark-paper);
  --aliasio-bg-deep: var(--aliasio-dark-bg-deep);
  --aliasio-surface: var(--aliasio-dark-surface);
  --aliasio-surface-soft: var(--aliasio-dark-surface-soft);
  --aliasio-line: var(--aliasio-dark-line);
  --aliasio-line-strong: var(--aliasio-dark-line-strong);
  --aliasio-ink: var(--aliasio-dark-ink);
  --aliasio-muted: var(--aliasio-dark-muted);
  --aliasio-iris: var(--aliasio-dark-iris);
  --aliasio-iris-hover: var(--aliasio-dark-iris-hover);
  --aliasio-lavender: var(--aliasio-dark-lavender);
  --aliasio-mint: var(--aliasio-dark-mint);
  --aliasio-success: var(--aliasio-dark-success);
  --aliasio-danger: var(--aliasio-dark-danger);
  --aliasio-warning: var(--aliasio-dark-warning);
  --aliasio-action-text: var(--aliasio-dark-action-text);
  --aliasio-shadow: var(--aliasio-dark-shadow);
  --aliasio-shadow-soft: var(--aliasio-dark-shadow-soft);
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
  color-scheme: dark;
  --aliasio-paper: var(--aliasio-dark-paper);
  --aliasio-bg-deep: var(--aliasio-dark-bg-deep);
  --aliasio-surface: var(--aliasio-dark-surface);
  --aliasio-surface-soft: var(--aliasio-dark-surface-soft);
  --aliasio-line: var(--aliasio-dark-line);
  --aliasio-line-strong: var(--aliasio-dark-line-strong);
  --aliasio-ink: var(--aliasio-dark-ink);
  --aliasio-muted: var(--aliasio-dark-muted);
  --aliasio-iris: var(--aliasio-dark-iris);
  --aliasio-iris-hover: var(--aliasio-dark-iris-hover);
  --aliasio-lavender: var(--aliasio-dark-lavender);
  --aliasio-mint: var(--aliasio-dark-mint);
  --aliasio-success: var(--aliasio-dark-success);
  --aliasio-danger: var(--aliasio-dark-danger);
  --aliasio-warning: var(--aliasio-dark-warning);
  --aliasio-action-text: var(--aliasio-dark-action-text);
  --aliasio-shadow: var(--aliasio-dark-shadow);
  --aliasio-shadow-soft: var(--aliasio-dark-shadow-soft);
}
}