:root {
  --mc-bg: #f6f8fc;
  --mc-surface: #ffffff;
  --mc-surface-soft: #f8faff;
  --mc-text: #101828;
  --mc-muted: #667085;
  --mc-line: #e7ebf2;
  --mc-primary: #1769ff;
  --mc-primary-dark: #0d56dc;
  --mc-success: #12b76a;
  --mc-success-bg: #e8f8ef;
  --mc-warning: #f79009;
  --mc-warning-bg: #fff4e5;
  --mc-danger: #f04438;
  --mc-danger-bg: #feeceb;
  --mc-navy: #0e1b34;
  --mc-radius-sm: 12px;
  --mc-radius-md: 16px;
  --mc-radius-lg: 22px;
  --mc-radius-xl: 26px;
  --mc-shadow-sm: 0 2px 10px rgba(16, 24, 40, .04);
  --mc-shadow-md: 0 12px 32px rgba(16, 24, 40, .08);
  --mc-shadow-primary: 0 18px 38px rgba(13, 86, 220, .22);
}

/* My Car visual direction: clean automotive UI, blue primary, semantic status colors. */