/* Direction 08 — Reddit / Forum tokens
 * r/AlgoTrading post format. Light surface cards on cool blue-gray bg.
 * Reddit-orange brand red, blue links, IBM Plex Sans body.
 */

:root {
  /* Palette */
  --color-bg: #DAE0E6;
  --color-surface: #FFFFFF;
  --color-card: #FFFFFF;
  --color-side: #F6F7F8;
  --color-ink: #1C1C1C;
  --color-ink-2: #787C7E;
  --color-ink-3: #9AA0A6;
  --color-rule: #EDEFF1;

  /* Reddit accents */
  --color-red: #FF4500;
  --color-red-2: #CC3700;
  --color-up: #FF4500;
  --color-down: #7193FF;
  --color-blue: #0079D3;
  --color-blue-2: #005FA3;
  --color-purple: #7C2CDC;

  /* Award tiers */
  --color-gold: #FFB000;
  --color-silver: #A8B5C9;
  --color-plat: #33A8FF;

  /* Status */
  --color-good: #0F8A4D;
  --color-bad: #D93A3A;
  --color-good-bg: #E9F7EE;
  --color-bad-bg: #FCECEC;
  --color-sticky-bg: #FFF8E1;

  /* Sub banner gradient */
  --color-banner-1: #1A1A2E;
  --color-banner-2: #16213E;
  --color-banner-3: #0F3460;

  /* Typography */
  --font-sans: 'IBM Plex Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, monospace;

  /* Type scale */
  --fs-h1: 1.25rem;          /* 20 — post title mobile */
  --fs-h1-lg: 1.5rem;        /* 24 — desktop */
  --fs-h2: 0.9375rem;        /* 15 — mobile body section heading */
  --fs-h2-lg: 1.125rem;      /* 18 — desktop */
  --fs-body: 0.875rem;       /* 14 */
  --fs-small: 0.75rem;       /* 12 */
  --fs-meta: 0.6875rem;      /* 11 */
  --fs-tiny: 0.625rem;       /* 10 */

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Radii — reddit uses small, mostly 4-6 */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-pill: 18px;
  --radius-pill-sm: 14px;
  --radius-circle: 50%;

  /* Lines */
  --border-card: 1px solid var(--color-rule);

  /* Layout */
  --sidebar-w: 320px;
  --page-max: 1280px;
}