/* Paleta de Cores - Baseada no site Oftalmed */
:root {
  /* Cores Principais */
  --primary-color: #88D5C8;           /* Verde-água claro */
  --primary-dark: #51AF9F;            /* Verde-água escuro */
  --secondary-color: #CC3366;         /* Rosa/Magenta */
  
  /* Cores de Texto */
  --text-primary: #333333;            /* Cinza escuro */
  --text-secondary: #69727D;          /* Cinza médio */
  --text-light: #FFFFFF;              /* Branco */
  --text-dark: #222222;               /* Preto suave */
  
  /* Cores de Fundo */
  --bg-primary: #FFFFFF;              /* Branco */
  --bg-secondary: #F2F2F2;            /* Cinza claro */
  --bg-tertiary: #F7F7F7;             /* Cinza muito claro */
  --bg-accent: #E1F4F1;               /* Verde-água muito claro */
  
  /* Cores de Estado */
  --success-color: #008000;           /* Verde */
  --error-color: #DE1111;             /* Vermelho */
  --warning-color: #CC3366;           /* Rosa */
  --info-color: #1E73BE;              /* Azul */
  
  /* Cores com Transparência */
  --overlay-light: rgba(255, 255, 255, 0.9);
  --overlay-dark: rgba(0, 0, 0, 0.5);
  --primary-alpha-light: rgba(136, 213, 200, 0.1);
  --primary-alpha-medium: rgba(136, 213, 200, 0.3);
  --primary-alpha-strong: rgba(136, 213, 200, 0.7);
  
  /* Bordas e Sombras */
  --border-light: #E5E5E5;
  --border-medium: #CCCCCC;
  --border-dark: #999999;
  --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.15);
  --shadow-strong: 0 8px 16px rgba(0, 0, 0, 0.2);
  
  /* Gradientes */
  --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
  --gradient-secondary: linear-gradient(135deg, var(--secondary-color), #B8295A);
  --gradient-light: linear-gradient(135deg, var(--bg-primary), var(--bg-secondary));
}

/* Tema escuro (opcional) */
[data-theme="dark"] {
  --bg-primary: #1A1A1A;
  --bg-secondary: #2D2D2D;
  --bg-tertiary: #3A3A3A;
  --text-primary: #FFFFFF;
  --text-secondary: #CCCCCC;
  --text-light: #333333;
}