:root {
  /* Surface & Background */
  --bg-canvas: #050505;
  --bg-app-container: #000000;
  --bg-surface: #121212;
  --bg-surface-elevated: #1c1c1e;
  --bg-surface-hover: #262628;
  --bg-pill-inactive: #222224;
  --bg-pill-active: #ffffff;
  --text-pill-active: #000000;

  /* Typography Colors */
  --text-primary: #ffffff;
  --text-secondary: #8e8e93;
  --text-tertiary: #636366;
  --text-muted: #48484a;

  /* Guardian Accents */
  --accent-cyan: #00b2d6;
  --accent-cyan-bright: #00d2f7;
  --accent-blue-badge: #007aff;
  --accent-live-red: #ff3b30;

  /* Action Gestures */
  --swipe-save-bg: #1b5e20;
  --swipe-save-accent: #4caf50;
  --swipe-dismiss-bg: #b71c1c;
  --swipe-dismiss-accent: #f44336;

  /* Borders & Dividers */
  --border-subtle: #242426;
  --border-separator: #2c2c2e;
  --section-divider-bg: #141414;

  /* Typography */
  --font-serif: 'Guardian Egyptian', 'Merriweather', 'Playfair Display', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;

  /* Dimensions */
  --max-app-width: 440px;
  --card-thumb-size: 80px;
  --bottom-bar-height: 58px;
  --floating-bar-bottom: 74px;
}