:root {
  /* Colors */
  /* --color-charcoal: #051125; */
  --color-charcoal: #1c1c1c;
  /* --color-green: #af30189; */
  --color-green: #3fc109;
  --color-bg-light: #f5fafc;
  --color-bg-muted: #eaeff1;
  --color-white: #ffffff;
  --color-text-dark: #051125;
  --color-text-body: #45474d;
  --color-text-list: #171c1e;
  --color-text-meta: #75777d;
  --color-border: #dee3e5;
  --color-border-input: #c5c6cd;
  --color-footer-text: rgba(255, 255, 255, 0.8);
  --color-footer-text-muted: rgba(255, 255, 255, 0.6);
  --color-footer-border: rgba(255, 255, 255, 0.1);

  /* Type */
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Layout */
  --max-width: 1280px;
  --radius-sm: 12px;
  --radius-md: 12.8px;
  --shadow-card: 0px 10px 30px -10px rgba(27, 38, 59, 0.08);
  --shadow-btn: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
}