@layer components {
  .flash {
    --flash-bg: var(--color-quiet-bg);
    --flash-ink: var(--color-quiet-ink);

    padding: var(--card-padding);
    border-radius: var(--radius);
    margin-block-end: var(--block-space);
    background: var(--flash-bg);
    color: var(--flash-ink);
  }

  .flash--notice {
    --flash-bg: var(--color-settled-bg);
    --flash-ink: var(--color-settled-ink);
  }

  .flash--alert {
    --flash-bg: var(--color-wrong-bg);
    --flash-ink: var(--color-wrong-ink);
  }
}