/* Tokens used only by the public and login documents. */
:root {
  --public-primary: #B00045;
  --public-on-primary: #ffffff;
  --public-surface: #ffffff;
  --public-surface-muted: #f8f2f5;
  --public-text: #18161a;
  --public-muted: #6b5e64;
  --public-border: #eadfe4;
  --landing-primary: var(--public-primary, #2357d8);
  --landing-brand-text: var(--landing-primary);
  --landing-light-background: #f7f8fb;
  --landing-light-surface: var(--public-surface, #fff);
  --landing-light-surface-muted: var(--public-surface-muted, #eef2f8);
  --landing-light-text: var(--public-text, #172033);
  --landing-light-muted: var(--public-muted, #56627a);
  --landing-light-border: var(--public-border, #d9dee7);
  --landing-control-border: #767075;
  --landing-on-primary: var(--public-on-primary, #fff);
  --landing-background: var(--landing-light-background);
  --landing-surface: var(--landing-light-surface);
  --landing-surface-muted: var(--landing-light-surface-muted);
  --landing-text: var(--landing-light-text);
  --landing-muted: var(--landing-light-muted);
  --landing-border: var(--landing-light-border);
}
@media (prefers-color-scheme: dark) {
  .landing-root, .legal-page {
    --landing-background: #15191c;
    --landing-surface: #202528;
    --landing-surface-muted: #2b3337;
    --landing-text: #f3f6f5;
    --landing-muted: #bdc8c4;
    --landing-border: #3e494d;
    --landing-control-border: #849196;
    --landing-primary: var(--public-primary);
    --landing-brand-text: #ff8fbd;
    --landing-on-primary: var(--public-on-primary);
  }
}