/* Reddit brand tokens, from unfairly.ai/brand-guidelines/reddit (checked 2026-10-31).
   Sizes, spacing and components were measured on https://redditinc.com/ (headless Chromium at1440px and390px; computed styles plus supplied screenshots).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name Reddit's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #FFFFFF;
  --color-surface: #F6F9FB;
  --color-ink: #000000;
  --color-ink-muted: #48545B;
  --color-accent: #FF4500;
  --color-on-accent: #000000;
  --color-accent-secondary: #AEEF0F;
  --color-night: #000000;
  --color-on-night: #FFFFFF;
  --color-orangered: #FF4500;
  --color-dark: #000000;
  --color-light: #FFFFFF;
  --color-guavapink: #FF5FC2;
  --color-bananayellow: #FFBF0B;
  --color-limegreen: #AEEF0F;
  --color-juniperblue: #00E2B7;
  --color-orangered-highlight: #FF8864;
  --color-guavapink-highlight: #FF9FDF;
  --color-bananayellow-highlight: #FFDE55;
  --color-limegreen-highlight: #E4FF45;
  --color-juniperblue-highlight: #92FFEA;
  --color-orangered-tint: #FFDAD7;
  --color-guavapink-tint: #FFE6F9;
  --color-bananayellow-tint: #FFF3C0;
  --color-limegreen-tint: #F0FFB3;
  --color-juniperblue-tint: #E6FFFA;
  --color-orangered-shade-in-product-text: #D82400;
  --color-guavapink-shade-in-product-text: #D3168B;
  --color-bananayellow-shade-in-product-text: #F27300;
  --color-limegreen-shade-in-product-text: #65B200;
  --color-juniperblue-shade-in-product-text: #08A59D;
  --color-errigal-white: #F6F9FB;
  --color-frost: #E7EEF4;
  --color-salt: #DBE4E9;
  --color-porpoise: #748791;
  --color-slate: #48545B;
  --color-charcoal: #21272A;
  --color-footer-copyright-text-computed-rgb115-117-119: #737577;
  --color-primary-button-active-border: #FF9550;
  --font-display: "Reddit Sans", "Reddit Sans", sans-serif;
  --font-display-original: "Reddit Display", "Reddit Sans", "Reddit Sans", sans-serif;
  --font-body: "Reddit Sans", sans-serif;
  --font-mono: "Reddit Mono", monospace;
  --page-margin: 234px;
  --section-padding: 100px;
  --container-max: 972px;
  --hero-text-max: 474px;
  --card-gap: 32px;
  --grid-gutter: 24px;
  --grid-columns: 2;
  --text-hero-size: 70px;
  --text-hero-line: 1;
  --text-hero-weight: 800;
  --text-heading-size: 40px;
  --text-heading-line: 1.25;
  --text-heading-weight: 800;
  --text-section-size: 48px;
  --text-section-line: 1.041667;
  --text-section-weight: 800;
  --text-stat-size: 48px;
  --text-stat-line: 1.041667;
  --text-stat-weight: 800;
  --text-body-size: 20px;
  --text-body-line: 1.44;
  --text-body-weight: 400;
  --text-card-size: 20px;
  --text-card-line: 1.44;
  --text-card-weight: 700;
  --text-nav-size: 16px;
  --text-nav-line: 1.44;
  --text-nav-weight: 600;
  --text-footer-size: 24px;
  --text-footer-line: 1.44;
  --text-footer-weight: 700;
  --text-footer-link-size: 16px;
  --text-footer-link-line: 1.44;
  --text-footer-link-weight: 400;
  --text-legal-size: 12px;
  --text-legal-line: 1.44;
  --text-legal-weight: 400;
}
/* Phone values measured at 390px; Reddit's CSS switches at 767px. */
@media (max-width: 767px) {
  :root {
    --page-margin: 20px;
    --section-padding: 48px;
    --text-hero-size: 48px;
    --text-heading-size: 28px;
    --text-section-size: 32px;
    --text-stat-size: 32px;
    --text-body-size: 16px;
    --text-card-size: 16px;
  }
}