/* ==========================================================================
   Amica Design Tokens
   Palette e variabili condivise con Amica20.WebApp
   ========================================================================== */

:root {
    /* Palette WebApp */
    --color-xdark-grey: #2d2f31;
    --color-dark-grey: #444;
    --color-grey: #888;
    --color-light-grey: #aaa;
    --color-xlight-grey: #eee;
    --color-xxlight-grey: #f8f8f8;
    --color-white: #fff;
    --color-blue: #0f7bbc;
    --color-light-blue: #2f9bdf;
    --color-xlight-blue: #6dc0f3;
    --color-accent: #b22c84;
    --color-amica-red: #b30c16;

    /* Alias semantici */
    --color-primary: var(--color-blue);
    --color-primary-hover: var(--color-light-blue);
    --color-bg-page: var(--color-xxlight-grey);
    --color-bg-card: var(--color-white);
    --color-text: var(--color-dark-grey);
    --color-text-muted: var(--color-grey);
    --color-text-heading: var(--color-xdark-grey);
    --color-border: var(--color-xlight-grey);
    --color-danger: #dc3545;

    /* Ombre */
    --box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, .04), 0px 3px 10px 0 rgba(0, 0, 0, .02);
    --box-shadow-card: 0 2px 8px rgba(0, 0, 0, .06);

    /* Tipografia */
    --font-family-base: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-family-heading: 'Segoe UI Light', 'Segoe UI', system-ui, sans-serif;
    --font-weight-heading: 200;
    --font-size-small: 0.8rem;
    --font-size-medium: 1rem;
    --font-size-large: 1.2rem;
    --font-size-xlarge: 1.5rem;

    /* Spaziature */
    --spacing-card: 2rem;
    --border-radius: 4px;
}