/* Light theme color tokens */
:root {
  /* Brand / Primary */
  --color-primary: #E4002B;
  --color-primary-hover: #C80025;
  --color-primary-foreground: #FFFFFF;
  --color-primary-muted: #FDE8EC;

  /* Secondary / Accent */
  --color-secondary: #25282A;
  --color-secondary-hover: #3A3D3F;
  --color-secondary-foreground: #FFFFFF;
  --color-accent: #003057;

  /* Semantic */
  --color-error: #DC2626;
  --color-error-foreground: #FFFFFF;
  --color-success: #16A34A;
  --color-success-foreground: #FFFFFF;
  --color-warning: #D97706;
  --color-warning-foreground: #FFFFFF;
  --color-info: #2563EB;
  --color-info-foreground: #FFFFFF;

  /* Semantic muted backgrounds */
  --color-success-muted: #dcfce7;
  --color-warning-muted: #fef3c7;
  --color-error-muted: #fee2e2;
  --color-info-muted: #eff6ff;

  /* Surfaces */
  --color-bg: #FFFFFF;
  --color-bg-muted: #F6F5F3;
  --color-bg-sidebar: #FAFAF8;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);

  /* Text */
  --color-text: #1A1A1A;
  --color-text-secondary: #555555;
  --color-text-muted: #888888;
  --color-text-on-primary: #FFFFFF;

  /* Borders */
  --color-border-default: #E0E0E0;
  --color-border-hover: #CCCCCC;
  --color-border-focus: #E4002B;

  /* Extended brand palette */
  --color-brand-blue: #001A72;
  --color-brand-turquoise: #00B8DD;
  --color-brand-pink: #FF9BB1;
  --color-brand-gainsboro: #E8E6DF;
  --color-brand-yellow: #FFB114;
  --color-brand-green: #00A651;
  --color-brand-purple: #8246AF;
  --color-brand-group-blue: #0078D0;
}