/* Perinatal Link uses a single typeface: Plus Jakarta Sans (400-800). */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap');
:root {
  /* Inherited Ouma palette */
  --pc-dark-teal: #0D3A38;
  --pc-teal: #23B1A6;
  --pc-mint: #C8EAE4;      /* soft fills only, NEVER text */
  --pc-terracotta: #C4836A;
  --pc-sand: #F5EDE8;
  --pc-cream: #FBF8F5;

  /* Signature accent, owned by Perinatal Link */
  --pc-plum: #7A2E51;       /* AA on cream at 8.6:1 */
  --pc-plum-tint: #E9A8C4;  /* reversed wordmark / accents on dark */
  --pc-plum-mid: #3A2E44;   /* gradient midpoint */

  /* Semantic aliases */
  --pc-bg: var(--pc-cream);
  --pc-bg-alt: var(--pc-sand);
  --pc-bg-shell: #EDE4DD;
  --pc-surface: #FBF8F5;
  --pc-surface-dark: var(--pc-dark-teal);
  --pc-text: var(--pc-dark-teal);
  --pc-text-muted: rgba(13,58,56,0.72);
  --pc-text-faint: rgba(13,58,56,0.55);
  --pc-text-on-dark: var(--pc-cream);
  --pc-text-on-dark-muted: rgba(251,248,245,0.82);
  --pc-accent: var(--pc-plum);
  --pc-accent-text: var(--pc-plum);
  --pc-link: var(--pc-plum);
  --pc-link-hover: var(--pc-dark-teal);
  --pc-border: rgba(13,58,56,0.08);
  --pc-border-strong: rgba(13,58,56,0.35);
  --pc-positive: #1E7A5A;
}
:root {
  --pc-font: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --pc-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  --pc-w-regular: 400;
  --pc-w-medium: 500;
  --pc-w-semibold: 600;
  --pc-w-bold: 700;
  --pc-w-extrabold: 800;

  /* Type scale (px) */
  --pc-fs-display: 68px;
  --pc-fs-h1: 48px;
  --pc-fs-h2: 34px;
  --pc-fs-h3: 24px;
  --pc-fs-lead: 20px;
  --pc-fs-body: 16px;
  --pc-fs-small: 14px;
  --pc-fs-eyebrow: 13px;

  --pc-lh-tight: 1.05;
  --pc-lh-snug: 1.3;
  --pc-lh-body: 1.6;

  --pc-tracking-eyebrow: 0.14em;
  --pc-tracking-head: -0.01em;
}
:root {
  --pc-radius-pill: 100px;
  --pc-radius-card: 20px;
  --pc-radius-stat: 16px;
  --pc-radius-tile: 14px;
  --pc-radius-sm: 10px;
}
:root {
  --pc-shadow-card: 0 10px 30px rgba(13,58,56,0.06);
  --pc-shadow-cta: 0 6px 20px rgba(122,46,81,0.28);
  --pc-shadow-lift: 0 16px 44px rgba(13,58,56,0.12);
}
:root {
  --pc-space-1: 4px;
  --pc-space-2: 8px;
  --pc-space-3: 12px;
  --pc-space-4: 16px;
  --pc-space-5: 20px;
  --pc-space-6: 24px;
  --pc-space-8: 32px;
  --pc-space-10: 40px;
  --pc-space-12: 48px;
  --pc-space-16: 64px;
  --pc-space-20: 80px;
  --pc-section-y: 96px;
  --pc-container: 1240px;
}
:root {
  /* Signature: dark teal into plum. The two-things-joining gradient. */
  --pc-grad-signature: linear-gradient(135deg, #0D3A38 0%, #3A2E44 52%, #7A2E51 100%);
  /* Vital: teal into mint, for stat tiles / soft accent panels */
  --pc-grad-vital: linear-gradient(135deg, #23B1A6 0%, #C8EAE4 100%);
  /* Warm surface: cream into sand, for calm section backgrounds */
  --pc-grad-surface: linear-gradient(160deg, #FBF8F5 0%, #F5EDE8 100%);
  /* Stat tile gradient */
  --pc-grad-stat: linear-gradient(140deg, #0D3A38, #7A2E51);
}