/*
 * Note: app-owned, migrated from gem's quarantine/landing/.
 * Belongs in this app (not the brand gem) long-term. Header below is
 * the original gem-side note kept for traceability.
 *
 * Migrate when: the gem ships the next release with quarantine/landing/
 * deleted (this file replaces the bundled copy).
 */

/*
 * Note — landing-page chrome: logo sizing.
 *
 * The logo *asset* (SVG files under images/geneops/brand/logo/) is part
 * of the design system — it's Figma component set 126:320.
 *
 * The CSS that *sizes* the logo on the landing page (lockup-32/48/80,
 * symbol-32/48/80) is page-specific layout. Consuming apps decide how
 * big their logo should be.
 */

.logo { display: inline-block; line-height: 0; }
.logo--lockup-32 { height: var(--spacing-32); }   /* Nav default — 138×32 in Figma */
.logo--lockup-48 { height: var(--spacing-48); }
.logo--lockup-80 { height: var(--spacing-80); }
.logo--symbol-32 { height: var(--spacing-32); width: var(--spacing-32); }
.logo--symbol-48 { height: var(--spacing-48); width: var(--spacing-48); }
.logo--symbol-80 { height: var(--spacing-80); width: var(--spacing-80); }
.logo > img, .logo > svg { height: 100%; width: auto; }

/* Theme-aware logo swap. Place both variants inside the .logo; the wrong
   one for the active theme is hidden.
   The selector includes `.logo` so its specificity (0,2,0) beats the
   generic `.logo > img` (0,1,1) and the display flips actually apply. */
.logo .logo__on-dark  { display: block; }
.logo .logo__on-light { display: none; }
.theme-light .logo .logo__on-dark  { display: none; }
.theme-light .logo .logo__on-light { display: block; }