/* The Ivers Studio logo: the name in Inter Tight 600 and a violet full stop. No symbol.
 * This file is the only place it is defined. A page links this file last, loads Inter Tight 600, and writes
 *   <a class="ivers-logo" href="…">Ivers Studio</a>
 * The full stop is drawn here, so it is never typed into a page. Size it with --logo-size; on a dark
 * ground set --logo-stop to the light violet (the dark header states below already do). */
.ivers-logo, .brand.ivers-logo {
  display: inline-block; gap: 0; white-space: nowrap; text-decoration: none; color: inherit;
  font: 600 var(--logo-size, 17px) / 1 'Inter Tight', 'Inter', system-ui, sans-serif; letter-spacing: -0.02em;
}
.ivers-logo::after { content: '.'; color: var(--logo-stop, #5b3df5); }
[data-theme='dark'] .ivers-logo, .nav:not(.light):not(.float) .ivers-logo { --logo-stop: #a99bff; }