Substack

:root {
  --color-dominant: #fa631c;
  --color-surface: #046c5c;
  --color-ink: #f6b081;
  --color-accent: #5fa399;
  --color-detail: #92bfbd;
}

/* CSS variables exposed by source */
:root {
  --font-family-pub-section-headings: "SF Pro Display",-apple-system-headline,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --color-dark-accent-bg-blue-hover: rgb(0,118,255,.3);
  --background_contrast_1: #f0f0f0;
  --color-primitive-blue-rgb: 0,118,255;
  --color-dark-utility-transparent: rgb(0,0,0,0);
  --color-dark-accent-fg-green: rgb(27,196,125);
  --size-reader-top-bar: 72px;
  --color-primitive-gray-p3: .467 .467 .467;
  --color-primitive-yellow-rgb: 255,199,0;
  --color-primitive-orange-900-rgb: 56,23,2;
  --color-dark-button-tertiary-destructive-fg-hover: rgb(255,119,114);
  --color-light-semantic-paid-utility-contrast: rgb(255,255,255);
  --color-light-bg-secondary: rgb(238,238,238);
  --color-light-semantic-substack-utility-contrast: rgb(255,255,255);
  --color-primitive-cyan-p3: .094 .627 .984;
  --color-dark-button-tertiary-destructive-bg-hover: rgb(235,87,87,.2);
  --color-light-button-quaternary-outline-fg: rgb(119,119,119);
  --color-primitive-gray-300-rgb: 219,219,219;
  --color-primitive-blue-400-rgb: 83,144,255;
  --color-primitive-green-900-rgb: 14,42,27;
  --color-primitive-purple-850-p3: .149 .114 .322;
  --color-primitive-orange-200-rgb: 255,197,152;
  --color-primitive-green-850-p3: .031 .247 .149;
  --color-dark-accent-fg-red: rgb(235,87,87);
  --color-dark-button-quaternary-fg-hover: rgb(238,238,238);
  --color-light-accent-fg-purple: rgb(123,97,255);
  --color-light-accent-fg-green-hover: rgb(0,163,99);
  --color-light-accent-fg-red: rgb(235,87,87);
  --color-dark-bg-primary: rgb(22,23,24);
  --size-44: 44px;
  --color-semantic-highlight-utility-contrast: rgb(255,255,255);
  --color-primitive-blue-950-p3: .027 .051 .106;
  --color-primitive-gray-800-p3: .137 .145 .145;
  --color-utility-detail-themed: #e6e6e6;
  --color-primitive-blue-800-p3: 0 .18 .435;
  --color-primitive-red-500-p3: .922 .341 .341;
  --color-light-semantic-paid-fg-primary: rgb(94,73,217);
  --color-primitive-green-950-p3: .027 .082 .055;
  --color-dark-semantic-substack-utility-contrast: rgb(255,255,255);
  --color-light-chat-incoming-bg-primary: rgb(238,238,238);
  --color-semantic-substack-utility-contrast: rgb(255,255,255);
  --color-primitive-yellow-850-rgb: 97,54,4;
  --color-primitive-green-rgb: 27,196,125;
  --color-light-button-secondary-bg: rgb(238,238,238);
  --color-accent-bg-red: rgb(235,87,87,.2);
  --color-primitive-red-800-rgb: 101,31,32;
  --color-light-accent-bg-purple: rgb(123,97,255,.2);
  --color-utility-modal: rgb(0,0,0,.5);
  --color-bg-elevated-tertiary: rgb(219,219,219);
  --color-dark-accent-fg-red-hover: rgb(255,119,114);
  --color-dark-semantic-substack-utility-detail: rgb(255,103,25,.2);
  --color-primitive-cyan-500-p3: .094 .627 .984;
  --color-primitive-red-100-rgb: 255,224,219;
  --color-bg-secondary-hover-themed: rgb(238,238,238);
  --size-36: 36px;
  --color-dark-accent-fg-orange: rgb(255,103,25);
  --color-light-bg-primary: rgb(255,255,255);
  --color-primitive-green-700-rgb: 0,124,74;
  --color-primitive-gray-200-p3: .933 .933 .933;
  --border-radius-md: 12px;
}