/* CSS Variables - Color System */
:root {
  /* Primary Colors - Nova Paleta Verde Natural */
  --color-primary: #0c7e3b;
  --color-primary-hover: #0a6730;
  --color-primary-dark: #04481e;
  --color-primary-light: #e8f5ed;

  /* Secondary Colors */
  --color-secondary: #67c750;
  --color-secondary-hover: #5ab844;
  --color-secondary-dark: #4da93c;
  --color-secondary-darker: #3d8a30;
  --color-secondary-light: #edf9ea;

  /* Accent Colors */
  --color-accent: #79bc6c;

  /* Danger/Error Colors */
  --color-danger: #f44336;
  --color-danger-hover: #da190b;
  --color-danger-dark: #c62828;
  --color-danger-light: #ffebee;

  /* Warning Colors */
  --color-warning: #ff9800;
  --color-warning-dark: #e65100;
  --color-warning-light: #fff3e0;

  /* Text Colors */
  --color-text-primary: #04481e;
  --color-text-secondary: #0c7e3b;
  --color-text-tertiary: #2d5a3d;
  --color-text-quaternary: #1a5230;
  --color-text-muted: #5a7a65;
  --color-text-light: #8a9d8f;
  --color-text-white: #fff;
  --color-text-white-muted: rgba(255, 255, 255, 0.7);
  --color-text-dark: #04481e;
  --color-text-gray: #6b7a70;
  --color-text-light-gray: #9ca3af;

  /* Background Colors */
  --color-bg-primary: #f7faf8;
  --color-bg-white: #fff;
  --color-bg-light: #fafcfb;
  --color-bg-gray: #f5f7f5;
  --color-bg-light-gray: #f3f6f4;
  --color-bg-lighter-gray: #f9fafb;
  --color-bg-blue-light: #edf9ea;
  --color-bg-danger-light: #fef2f2;
  --color-bg-dark: #04481e;
  --color-bg-darker: #0c7e3b;
  --color-bg-overlay: rgba(4, 72, 30, 0.5);
  --color-bg-white-alpha-10: rgba(255, 255, 255, 0.1);
  --color-bg-white-alpha-15: rgba(255, 255, 255, 0.15);

  /* Border Colors */
  --color-border: #ddd;
  --color-border-light: #e5e7eb;
  --color-border-lighter: #f3f4f6;
  --color-border-medium: #e0e0e0;
  --color-border-white-alpha: rgba(255, 255, 255, 0.1);

  /* Status & Alert Colors */
  --color-alert-danger: #ef4444;

  /* Shadow Colors */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 2px 0 5px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-button: 0 4px 8px rgba(0, 0, 0, 0.2);
  --shadow-range: 0 2px 4px rgba(0, 0, 0, 0.2);
  --shadow-range-hover: 0 3px 6px rgba(0, 0, 0, 0.3);
  --shadow-dropdown: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-alert: 0 4px 6px rgba(0, 0, 0, 0.1);

  /* Status Colors */
  --color-success: #67c750;
  --color-success-dark: #4da93c;
  --color-info: #67c750;
  --color-info-cyan: #79bc6c;
  --color-info-cyan-dark: #5ab844;

  /* Additional Colors */
  --color-purple-gradient-start: #0c7e3b;
  --color-purple-gradient-end: #04481e;
  --color-orange: #F57C00;
  --color-red-dark: #D32F2F;

  /* Focus & Interaction States */
  --focus-primary: rgba(12, 126, 59, 0.1);
  --focus-secondary: rgba(103, 199, 80, 0.1);
  --focus-danger: rgba(244, 67, 54, 0.1);
  --focus-white: rgba(255, 255, 255, 0.3);
  --stripe-white: rgba(255, 255, 255, 0.15);

  /* Highlight Color - Verde Limão */
  --color-highlight: #bde37d;
  --color-highlight-hover: #afd96d;

  /* Text Shadow */
  --text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Modern CSS reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
#app {
  height: 100%;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

a {
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}

button {
  font: inherit;
  outline: none;
}