/**
 * Marido Perfeito — Design System (Web)
 * Variáveis CSS alinhadas ao Flutter theme (lib/utils/theme.dart)
 */
:root {
  /* Brand */
  --mp-primary: #18B7E0;
  --mp-primary-dark: #0D6E8C;
  --mp-navy: #0A2F73;
  --mp-accent: #FF7A30;

  /* Neutrals */
  --mp-background: #F8FAFC;
  --mp-border: #E5E7EB;
  --mp-text: #1F2937;
  --mp-text-secondary: #6B7280;
  --mp-white: #FFFFFF;

  /* Status */
  --mp-success: #10B981;
  --mp-warning: #F59E0B;
  --mp-error: #EF4444;

  /* Typography */
  --mp-font-family: 'Poppins', system-ui, -apple-system, sans-serif;

  /* Radius */
  --mp-radius-sm: 8px;
  --mp-radius-md: 12px;
  --mp-radius-lg: 16px;
  --mp-radius-xl: 20px;

  /* Shadows */
  --mp-shadow-sm: 0 2px 8px rgba(10, 47, 115, 0.06);
  --mp-shadow-md: 0 4px 16px rgba(10, 47, 115, 0.08);
  --mp-shadow-lg: 0 8px 24px rgba(10, 47, 115, 0.12);

  /* Spacing */
  --mp-space-xs: 4px;
  --mp-space-sm: 8px;
  --mp-space-md: 16px;
  --mp-space-lg: 24px;
  --mp-space-xl: 32px;
}

body {
  font-family: var(--mp-font-family);
  background: var(--mp-background);
  color: var(--mp-text);
}