:root{
  --nohl-color-brand-green: #2e463c;
  --nohl-color-brand-green-deep: #22382d;
  --nohl-color-brand-go: #2f8a4f;
  --nohl-color-brand-mint: #8fd19a;
  --nohl-color-brand-amber: #e6c07a;
  --nohl-color-brand-danger: #c0392b;
  --nohl-color-ink-default: #182a22;
  --nohl-color-ink-hero: #0f1a15;
  --nohl-color-ink-muted: #66756a;
  --nohl-color-ink-muted-2: #7a877c;
  --nohl-color-ink-muted-3: #8a978a;
  --nohl-color-surface-page: #f9faf7;
  --nohl-color-surface-page-alt: #f7f9f4;
  --nohl-color-surface-sage: #edf1e8;
  --nohl-color-surface-sage-2: #e9eee6;
  --nohl-color-surface-sage-3: #f3f6f1;
  --nohl-color-surface-card: #ffffff;
  --nohl-color-surface-closing: #e6ecdf;
  --nohl-color-surface-footer: #20382d;
  --nohl-color-line-default: #d8ded5;
  --nohl-color-line-card: #d9e0d6;
  --nohl-color-line-subtle: #eef2eb;
  --nohl-color-line-ink-11: rgba(24,42,34,.11);
  --nohl-color-glass-fill: rgba(12,22,17,.62);
  --nohl-color-glass-fill-mobile: rgba(12,22,17,.78);
  --nohl-color-glass-line: rgba(255,255,255,.12);
  --nohl-color-glass-blur: 24px;
  /* Nohl platform app palette (U1, U33-U35): sampled from the Nohl app, light then dark */
  --nohl-color-app-page: #ebeeeb;
  --nohl-color-app-card: #ffffff;
  --nohl-color-app-sidebar: #e3e7e3;
  --nohl-color-app-sidebar-line: #d3d8d3;
  --nohl-color-app-selected: #d4d9d4;
  --nohl-color-app-line: #dde1dd;
  --nohl-color-app-ink: #121217;
  --nohl-color-app-muted: #4d524d;
  --nohl-color-app-green: #309657;
  --nohl-color-app-live: #38ad63;
  --nohl-color-app-feature: #1b432b;
  --nohl-color-app-dark-page: #0f0f0f;
  --nohl-color-app-dark-card: #121213;
  --nohl-color-app-dark-line: #1f1f21;
  --nohl-color-app-dark-divider: #1c1c1c;
  --nohl-color-app-dark-selected: #222224;
  --nohl-color-app-dark-ink: #f5f5f7; /* Nohl measured rgb(245,245,247) (U57) */
  --nohl-color-app-dark-muted: #c4c4ca; /* brighter secondary text (U57; was #b3b3b8) */
  --nohl-color-app-dark-green: #3fa265;
  --nohl-color-app-dark-live: #4ebd7a;
  --nohl-space-section-desktop: 128px;
  --nohl-space-section-tablet: 96px;
  --nohl-space-section-mobile: 80px;
  --nohl-space-heading-gap: 64px;
  --nohl-space-showcase-gap: 80px;
  --nohl-space-gutter: 5%;
  --nohl-space-gutter-mobile: 16px;
  --nohl-space-card-pad: 28px 25px;
  --nohl-space-panel-pad: 22px 24px 18px;
  --nohl-space-grid-gap: 18px;
  --nohl-space-stack-2: 8px;
  --nohl-space-stack-3: 12px;
  --nohl-space-stack-4: 16px;
  --nohl-space-stack-6: 24px;
  --nohl-space-stack-8: 32px;
  --nohl-space-stack-12: 48px;
  --nohl-radius-xs: 4px;
  --nohl-radius-sm: 5px;
  --nohl-radius-md: 10px;
  --nohl-radius-lg: 12px;
  --nohl-radius-xl: 14px;
  --nohl-radius-2xl: 18px;
  --nohl-radius-panel: 20px;
  --nohl-radius-plan: 22px;
  --nohl-radius-pill: 999px;
  --nohl-shadow-card: 0 24px 60px -30px rgba(24,42,34,.28), 0 2px 6px rgba(24,42,34,.05);
  --nohl-shadow-panel-glass: 0 30px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
  --nohl-shadow-lift: 0 18px 40px rgba(24,42,34,.08);
  --nohl-shadow-button: 0 10px 26px rgba(24,42,34,.16);
  --nohl-motion-ease-out: cubic-bezier(.16,1,.3,1);
  --nohl-motion-spring: cubic-bezier(.34,1.5,.64,1);
  --nohl-motion-reveal: 600ms;
  --nohl-motion-hover: 240ms;
  --nohl-motion-panel-in: 500ms;
  --nohl-motion-crossfade: 700ms;
  --nohl-motion-reduced-motion: all transitions and animations off; final states rendered;
}