/* === Rhythm of Business Brand Custom Properties === */
:root {
  /* === Primary Brand Colors === */
  --rob-navy: #1B365D;
  --rob-coral: #FF6B6B;
  --rob-coral-accessible: #D14545;   /* WCAG AA compliant on light backgrounds (4.52:1) */
  --rob-sage: #52C4A0;
  --rob-sage-accessible: #278560;    /* WCAG AA compliant on light backgrounds (4.56:1) */

  /* === Supporting Colors === */
  --rob-charcoal: #2D3748;
  --rob-steel: #718096;
  --rob-steel-accessible: #5A6878;   /* WCAG AA compliant on light backgrounds (5.70:1) */
  --rob-white: #FAFAFA;

  /* === Interactive Colors === */
  --rob-ocean: #3182CE;
  --rob-sunset: #F56500;
  --rob-forest: #38A169;
  --rob-forest-accessible: #2D8555;  /* WCAG AA compliant on light backgrounds (4.57:1) */

  /* === Gradients === */
  --rob-gradient-bg: linear-gradient(135deg, #1B365D 0%, #2c3e50 50%, #1e3a5f 100%);
  --rob-gradient-cta: linear-gradient(135deg, #52c4a0 0%, #45b393 100%);
  --rob-gradient-hover: linear-gradient(135deg, #ff6b6b 0%, #e55a5a 100%);

  /* === Typography === */
  --rob-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* === Spacing & Radius === */
  --rob-radius-card: 16px;
  --rob-radius-button: 50px;
  --rob-radius-input: 8px;
  --rob-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --rob-shadow-button: 0 4px 15px rgba(82, 196, 160, 0.3);
}

body, html {
  font-family: var(--rob-font) !important;
  -webkit-font-smoothing: antialiased;
}

/* WCAG AA: Override MudBlazor secondary text color for accessible contrast.
   Color="Color.Secondary" on MudText uses --mud-palette-secondary (#278560, 4.56:1)
   which is borderline. Force to steel-accessible (#5A6878, 5.70:1) for safe margin. */
.mud-secondary-text {
  color: #5A6878 !important;
}

/* WCAG AA: Ensure text-variant secondary chips meet contrast */
.mud-chip.mud-chip-color-secondary.mud-chip-text .mud-chip-content,
.mud-chip.mud-chip-color-secondary.mud-chip-outlined .mud-chip-content {
  color: #5A6878 !important;
}