:root {
  /* Neutros */
  --color-body: #f7f7f7;
  --color-white: #ffffff;
  --color-white-soft: #f7f7f7;
  --color-white-mid: #fcfcfc;

  --color-black: #0d0d0d;
  --color-gray-dark: #2e2e2e;
  --color-gray: #6d6d6d;
  --color-gray-semilight: #afafaf;
  --color-gray-light: #efefef;
  --color-gray-line: #d9d9d9;

  /* Primario wine */
  --color-primary: #882037; /* Wine Base */
  --color-primary-dark: #6b1a2c;
  --color-primary-deep: #4e1420;
  --color-primary-light: #a83a52;
  --color-primary-soft: #f4cbd2;
  --color-primary-mist: #fbe9ec;

  /* Estados (paleta de alertas) */
  --color-info: #1565c0;
  --color-info-soft: #e3f0ff;

  --color-success: #1b8a3b;
  --color-success-soft: #eeffec;

  --color-warning: #f7de72;
  --color-warning-soft: #fff5c8;

  --color-danger: #c62828;
  --color-danger-soft: #fce3e3;

  /* Sombras / blur */
  --color-secondary-blur: rgba(5, 47, 95, 0.15);

  /* Layout cards */
  --card-padding: 30px;
  --card-radius: 10px;
  --card-shadow: 0 7px 25px rgba(0, 0, 0, 0.09);
  --form-width-mobile: 100%;
  --form-width-desktop: 200px;
  --img-alert-width-mobile: 140px;
  --img-alert-width-desktop: 380px;

  --height-card-mobile: 360px;
  --height-card-tablet: 620px;
  --height-card-desktop: 650px;

  /* Overrides Bootstrap 5 */
  --bs-primary: #882037;
  --bs-secondary: #6d6d6d;
  --bs-success: #1b8a3b;
  --bs-info: #1565c0;
  --bs-warning: #f0c400;
  --bs-danger: #c62828;
  --bs-light: #f7f7f7;
  --bs-dark: #2e2e2e;

  --bs-primary-rgb: 136, 32, 55;
  --bs-secondary-rgb: 109, 109, 109;
  --bs-success-rgb: 27, 138, 59;
  --bs-info-rgb: 21, 101, 192;
  --bs-warning-rgb: 240, 196, 0;
  --bs-danger-rgb: 198, 40, 40;
  --bs-light-rgb: 247, 247, 247;
  --bs-dark-rgb: 46, 46, 46;
}