:root {
  --holyuni-mint: #00D084;
  --holyuni-mint-light: #D9FFF0;
  --holyuni-forest: #07583E;
  --holyuni-ink: #0B0D0C;
  --holyuni-canvas: #F3F5F4;
  --holyuni-surface: #FFFFFF;
  --holyuni-muted: #727975;
  --holyuni-line: #DCE2DF;
  --holyuni-warm: #F7EEDC;
  --holyuni-signal-yellow: #FFC65C;
  --holyuni-signal-yellow-soft: #FFF4D6;
  /* Unread and pending-count badges. Keep separate from destructive danger states. */
  --holyuni-notification-count: #FF5E63;
  --holyuni-notification-count-shadow: 0 2px 7px rgba(255, 94, 99, 0.28);
  --holyuni-danger: #B8473D;
  --holyuni-danger-soft: #FFF0ED;

  /* Product typography: no user-facing text may render below 12px. */
  --holyuni-font-caption: 12px;
  --holyuni-font-meta: 12px;
  --holyuni-font-body: 14px;
  --holyuni-font-control: 14px;
  --holyuni-font-card-title: 16px;
  --holyuni-font-section-title: 18px;
  --holyuni-font-page-title: 22px;
  --holyuni-font-display: 24px;
  /* Shared publishing typography. These semantic sizes apply to every publisher and editor. */
  --holyuni-publish-font-required: 12px;
  --holyuni-publish-font-note: 13px;
  --holyuni-publish-font-workflow: 14px;
  --holyuni-publish-font-draft-title: 15px;
  --holyuni-publish-font-label: 16px;
  --holyuni-publish-font-control: 16px;
  --holyuni-publish-font-confirm-title: 17px;
  --holyuni-line-caption: 1.5;
  --holyuni-line-body: 1.6;
  --holyuni-line-title: 1.35;

  /* 4px-based spacing rhythm for product interfaces. */
  --holyuni-space-1: 4px;
  --holyuni-space-2: 8px;
  --holyuni-space-3: 12px;
  --holyuni-space-4: 16px;
  --holyuni-space-6: 24px;
  --holyuni-space-8: 32px;
  --holyuni-radius-card: 24px;
  --holyuni-radius-story: 32px;
  --holyuni-radius-control: 14px;
  --holyuni-radius-pill: 999px;
  --holyuni-space-mobile: 18px;
  --holyuni-space-mobile-compact: 14px;
  --holyuni-control-min-height: 44px;
  --holyuni-control-primary-height: 48px;
  --holyuni-nav-clearance: 124px;
  --holyuni-shadow-subtle: 0 8px 24px rgba(31, 61, 47, 0.045);
  --holyuni-shadow-card: 0 10px 26px rgba(20, 45, 35, 0.07);
  --holyuni-focus-ring: 0 0 0 3px rgba(0, 208, 132, 0.28);
  --holyuni-content-width: 1180px;
}