/* Colors */
:root {
  --color-primary: #a8dadc;
  --color-primary-dark: #7ec4c1;
  --color-primary-light: #c4e8e6;
  --color-secondary: #1d3557;
  --color-secondary-light: #3a5575;
  
  --color-text: #ffffff;
  --color-text-light: #a8dadc;
  --color-text-muted: #888888;
  --color-text-inverse: #1d3557;
  
  --color-bg-white: #ffffff;
  --color-bg-black: #000000;
  --color-bg-dark: #1d3557;
  --color-bg-light: #2d4a6b;
  --color-bg-lighter: #3a5575;
  --color-border: #a8dadc;
  --color-border-light: #7ec4c1;
  
  --color-success: #4caf50;
  --color-error: #f44336;
  --color-warning: #ff9800;
  --color-info: #a8dadc;
}