/* ==========================================================================
   AcelleMail Theme — Teal (Neutral-dominant, teal accent only)
   Primary #2C6E7A (saturated teal), neutral gray backgrounds.
   Design rule: 90% black/gray/white, 10% teal accent on CTAs only.
   ========================================================================== */

:root {
  /* ---- Primary accent (vivid teal, punchy CTA) ---- */
  --theme-primary: #1A8A7D;
  --theme-primary-hover: #157568;
  --theme-primary-rgb: 26, 138, 125;

  /* ---- Text (pure dark, no teal tint) ---- */
  --theme-text: #0e0e0e;
  --theme-text-rgb: 14, 14, 14;
  --theme-text-secondary: #555555;
  --theme-text-tertiary: #888888;
  --theme-text-muted: #AAAAAA;

  /* ---- Backgrounds (pure neutral — NO teal tint) ---- */
  --theme-bg: #FFFFFF;
  --theme-bg-warm: #F7F7F7;
  --theme-bg-light: #F2F2F2;

  /* ---- Borders (neutral gray) ---- */
  --theme-border: #E0E0E0;

  /* ---- Dark variant (used for dark buttons, dark sections) ---- */
  --theme-dark: #1A1A1A;
  --theme-dark-rgb: 26, 26, 26;
  --theme-dark-hover: #333333;

  /* ---- Semantic accents ---- */
  --theme-error: #C0392B;
  --theme-accent-purple: #5B6ABF;

  /* ---- Footer / dark-section text on dark bg ---- */
  --theme-on-dark-muted: #999999;

  /* ---- Logo strip / service text ---- */
  --theme-service-gray: #666666;

  /* ---- Code syntax (not themed — keep stable) ---- */
  --theme-code-comment: #888888;
  --theme-code-keyword: #4DD0C8;
  --theme-code-method: #E06C75;
}