/* Design Tokens - Proposta B "Modern Warm"
   Condivisi tra pannello Angular (via Tailwind) e sito B2B (via questo file).
   UNICA FONTE DI VERITA': i valori devono corrispondere a frontend/src/styles.css @theme */

:root {
  /* Font */
  --font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif;

  /* Colori principali */
  --color-primary: #B1D659;
  --color-primary-hover: #AFD557;
  --color-confirm: #87BA34;
  --color-confirm-dark: #6B9A1E;
  --color-danger: #A50020;

  /* Neutri */
  --color-header: #101819;
  --color-titles: #2E3020;
  --color-body: #626262;
  --color-surface: #F7F7F7;
  --color-surface-alt: #FAFAF8;

  /* Secondari */
  --color-secondary-bg: #DCEAF8;
  --color-secondary-border: #A3C4E0;
  --color-secondary-hover-bg: #C8DDEF;
  --color-secondary-hover-border: #7BADD4;
  --color-secondary-text: #4A7FB5;

  /* Ghost danger */
  --color-ghost-danger-bg: #FDEAEE;
  --color-ghost-danger-border: #E0A0AD;

  /* Stati */
  --color-success: #87BA34;
  --color-warning: #F59E0B;
  --color-error: #A50020;
  --color-info: #DCEAF8;

  /* Border radius */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
}