:root {
  /* Brand / primary colors */
  --jo-blue: #1489e5;
  --jo-blue-dark: #0f67ad;
  --jo-blue-mid: #1d8bdb;

  /* Text / ink colors */
  --jo-ink: #102a43;
  --jo-ink-mid: #12314f;
  --jo-ink-soft: #4a6480;
  --jo-ink-muted: #56708b;

  /* Card accent colors */
  --jo-accent-access: #1d8bdb;
  --jo-accent-clinic: #1297a6;
  --jo-accent-whatsapp: #1d9d50;
  --jo-accent-videos: #c73b3b;
  --jo-accent-test: #8a5bbf;
  --jo-accent-indications: #ad2e6f;

  /* Shared hero background */
  --jo-hero-bg: radial-gradient(circle at 8% 8%, #edf5ff 0%, transparent 45%),
                 radial-gradient(circle at 100% 0%, #f5f9ff 0%, transparent 38%),
                 #fff;

  /* Shared shadows */
  --jo-shadow-soft: 0 14px 30px -30px rgb(16 42 67 / 45%);
  --jo-shadow-card: 0 12px 22px -24px rgb(16 42 67 / 50%);
}