/* Variabili CSS per Bootstrap */
:root {
  --bs-primary: #DFB100;
  --bs-body-color: #8287A2;
  --bs-body-bg: #FFFFFF;
  --bs-border-color: #A7A7A7;
  --bs-border-radius: 7px;
  --bs-border-radius-sm: 14px;
  --bs-border-radius-lg: 20px;

    /* Custom Colors */

  --color-text: #313337;
  --color-icon: #58565B;
  --color-warning: #C00502;

  --color-primary: #DFB100;

  --color-bg: #ffffff;
  --color-bg-alt: #f0f0f0;
  --color-hover: #f0f4ff;
  --color-si: #DFB100;
  --color-no: #C00502;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;

  --wrapper-width: 680px;
  --wrapper-x-padding: 40px;

  /* Font */
  --font-family: Arial, sans-serif;
  --font-size-base: 1rem;
  --font-size-lg: 1.5rem;
  --font-size-xl: 1.8rem;

  /* Border radius */
  --radius-sm: 7px;
  --radius-md: 14px;
  --radius-lg: 20px;






}




:root {
  /* Bootstrap */
  --bs-primary: #DFB100;
  --bs-body-color: #8287A2;
  --bs-border-radius: 7px;
  --bs-border-radius-sm: 14px;

  /* Custom Colors */
  --color-text: #313337;
  --color-icon: #58565B;
  --color-warning: #C00502;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark: #313337;
  --color-gray-light: #f7f7f7;
  --color-gray-medium: #8287A2;
  --color-gray-border: #A7A7A7;
  --color-gray-bg: #eee;
  --color-border-light: #ddd;
  --color-success: #67BF03;
  --color-success-bg: #d4edda;
  --color-error: #9A0100;
  --color-error-text: #C00502;

  
  /* Shadows */
  --shadow-default: 0px 0px 10px #00000029;
  --shadow-card: 0px 3px 10px #00000029;
  --shadow-small: 0 2px 4px rgba(0, 0, 0, 0.15);
  --shadow-medium: 0 3px 8px rgba(0, 0, 0, 0.1);
  --shadow-large: 0 5px 15px rgba(0, 0, 0, 0.3);
  --shadow-overlay: rgba(0, 0, 0, 0.6);
  
  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  
  /* Borders */
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 20px;
  --border-width: 2px;
}