/* Presentations are shown to the account's own customers, so they drop the
   blueprint background and derive the ink scale from the canvas and ink colors.
   That keeps borders and subtle text legible when brandings/_style replaces
   those colors. */
html.presentation {
  --color-blueprint: transparent;

  --color-ink-darker: color-mix(in oklch, var(--color-ink) 80%, var(--color-canvas));
  --color-ink-dark: color-mix(in oklch, var(--color-ink) 60%, var(--color-canvas));
  --color-ink-medium: color-mix(in oklch, var(--color-ink) 45%, var(--color-canvas));
  --color-ink-light: color-mix(in oklch, var(--color-ink) 22%, var(--color-canvas));
  --color-ink-lighter: color-mix(in oklch, var(--color-ink) 11%, var(--color-canvas));
  --color-ink-lightest: color-mix(in oklch, var(--color-ink) 5%, var(--color-canvas));
}

@layer base {
  /* Presentations have no header, so main fills the page */
  html.presentation body {
    grid-template-rows: 1fr;
  }
}