/**
 * EntreAgri - CSS Variables
 * Couleurs, dimensions, et configuration globale
 */

/* Layout */
:root {
  --ea-container-max-width: 950px;
}

/* Color Palette */
:root {
  /* Brand colors */
  --ea-color-dark-green: #005955;
  --ea-color-medium-green: #38BF9C;
  --ea-color-brown: #5D513F;
  --ea-color-dark-blue: #3A5467;
  --ea-color-red: #EC3D2F;
  --ea-color-red-hover: #cf372b;
  --ea-color-background: #f9f5e9;

  /* Semantic colors */
  --ea-color-primary: var(--ea-color-red);
  --ea-color-secondary: var(--ea-color-dark-green);
  --ea-color-accent: var(--ea-color-brown);
  --ea-color-info: var(--ea-color-dark-blue);
  --ea-color-danger: var(--ea-color-red);

  /* Button colors */
  --ea-btn-primary-bg: var(--ea-color-primary);
  --ea-btn-primary-color: #ffffff;
  --ea-btn-primary-hover-bg: var(--ea-color-red-hover);

  --ea-btn-secondary-bg: var(--ea-color-secondary);
  --ea-btn-secondary-color: #ffffff;
  --ea-btn-secondary-hover-bg: var(--ea-color-dark-blue);

  --ea-btn-default-bg: #f8f8f8;
  --ea-btn-default-color: #333333;
  --ea-btn-default-border: #e5e5e5;
  --ea-btn-default-hover-bg: #e5e5e5;

  --ea-btn-danger-bg: var(--ea-color-danger);
  --ea-btn-danger-color: #ffffff;
  --ea-btn-danger-hover-bg: #d32f21;

  /* Button styling */
  --ea-btn-border-radius: 50px;
  --ea-btn-padding: 0.75rem 1.5rem;
  --ea-btn-font-weight: 600;
  --ea-btn-text-transform: uppercase;
  --ea-btn-font-size: 13px;
}