/* Email Design Tokens (TestPro)
 * Mirrors application.css CSS variables for email clients that support them.
 * All emails MUST use these tokens instead of hard-coded colors.
 */
:root {
  /* Brand */
  --email-primary:       #4F46E5;   /* --indigo / primary-600 */
  --email-primary-dark:  #4338CA;   /* --indigo-deep / primary-700 */
  --email-accent:        #FFA337;   /* --orange */

  /* Surfaces */
  --email-surface:       #ffffff;
  --email-surface-muted: #F5F7FF;   /* --bg-soft */
  --email-surface-hover: #EEF2FF;   /* --bg-hero */

  /* Text */
  --email-text-heading:  #1E1B4B;   /* --text-heading */
  --email-text-body:     #4B5563;   /* --text-body */
  --email-text-muted:    #9CA3AF;   /* --text-muted */

  /* Borders & Shadows */
  --email-border:        rgba(79, 70, 229, 0.08);
  --email-border-strong: #dfe2ed;
  --email-shadow:        0 4px 24px rgba(79, 70, 229, 0.1);

  /* Radii */
  --email-radius:        12px;
  --email-radius-sm:     8px;
}