/* ─────────────────────────────────────────────────────────────────────
   FTC Share theme — navy + gold, polished, modern.
   Clean sans-serif throughout. Brand colors prominent.
   ───────────────────────────────────────────────────────────────────── */

#share-root {
  --share-font: "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont,
    "Segoe UI", system-ui, sans-serif;
  --share-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* FTC palette — navy + gold are the heroes */
  --navy: 220 50% 18%;          /* deep navy — primary structural */
  --navy-soft: 220 38% 28%;
  --navy-tint: 220 30% 96%;     /* very subtle navy-tinted background */
  --gold: 38 70% 48%;           /* signature gold */
  --gold-soft: 38 75% 92%;      /* gold tint for fills */
  --gold-deep: 38 75% 38%;

  --canvas: 0 0% 100%;          /* pure white */
  --canvas-alt: 220 25% 98%;    /* nearly-white panel */
  --ink: 220 30% 12%;
  --ink-soft: 220 12% 38%;
  --ink-faint: 220 10% 60%;
  --rule: 220 14% 90%;
  --rule-soft: 220 12% 95%;
  --success: 152 50% 38%;

  font-family: var(--share-font);
  font-feature-settings: "ss01", "cv11";
  font-synthesis: none;
  letter-spacing: -0.005em;
  background: hsl(var(--canvas));
  color: hsl(var(--ink));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
}

.share-mono {
  font-family: var(--share-mono);
  font-feature-settings: "tnum", "ss01";
  font-variant-numeric: tabular-nums;
}

.share-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: hsl(var(--navy));
}

/* Disable hover-only effects on coarse pointers (touch) — fall back to
   active/tap states. Tooltips that key off hover get a tap-to-toggle
   path in the components that render them. */
@media (hover: none) {
  .share-hover-only { display: none !important; }
}

@keyframes share-rise {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes share-stretch {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}
.share-rise { animation: share-rise 500ms cubic-bezier(0.22, 1, 0.36, 1) both; }
.share-stretch { animation: share-stretch 700ms cubic-bezier(0.22, 1, 0.36, 1) both; transform-origin: left; }

@media print {
  #share-root { background: white; }
  .share-no-print { display: none !important; }
}