/* variables.css */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

:root {
    /* Font generale*/
    --font-family: 'Roboto', sans-serif;

    /* Colors (originali) */
    --text-color: #2b2b2b;
    --color-white: #ffffff;
    --background-color: #f8f8f8;
    --background-color-modal: #ffffff;
    --border-color: #e0e0e0;
    --button-text-color: #ffffff;
    --button-generic: #f58026;
    --button-confirm: #32aa64;
    --button-delete: #e74c3c;
    --button-cancel: #95a5a6;
    --alphabet-hover: #cfcfcf;
    --table-row-hover: #fff0e0;
    --table-row-even: var(--background-color);
    --table-row-odd: #ebebeb;
    --invalid-field-highlight: rgba(231, 76, 60, 0.2);

    /* Spacing */
    --spacing-small: 8px;
    --spacing-medium: 16px;
    --spacing-large: 24px;
    
    /* Font sizes */
    --font-size-extra-small: 12px;
    --font-size-small: 14px;
    --font-size-medium: 16px;
    --font-size-large: 18px;
    
    /* Border radius */
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    
    /* Shadows */
    --shadow-small: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* Transitions */
    --transition-speed: 0.3s;  
    
    /* Toast Colors */
    --toast-success-bg: #f0fdf4;
    --toast-success-border: #22c55e;
    --toast-success-text: #15803d;
    
    --toast-error-bg: #fef2f2;
    --toast-error-border: #ef4444;
    --toast-error-text: #b91c1c;
    
    --toast-warning-bg: #fefce8;
    --toast-warning-border: #eab308;
    --toast-warning-text: #854d0e;
    
    --toast-info-bg: #eff6ff;
    --toast-info-border: #3b82f6;
    --toast-info-text: #1d4ed8;
    
    /* Toast Animation */
    --toast-animation-duration: 0.3s;
    --toast-display-duration: 2000ms;
  }