/* ========================================
   VARIABILI E STILI BASE
   ======================================== */

:root {
    /* Palette Colori */
    --background-color: #0A0A0A;
    --surface-color: #181818;
    --primary-color: #8E44AD;
    --on-surface-primary: #FFFFFF;
    --on-surface-secondary: #BDBDBD;
    --on-surface-tertiary: #6E6E6E;

    /* Colori di stato */
    --color-success: #2ECC71;
    --color-warning: #F1C40F;
    --color-error: #E74C3C;
    --color-blue-accent: #3498DB;

    /* Font e Bordi */
    --font-family: 'Roboto', sans-serif;
    --border-radius-large: 28px;
    --border-radius-medium: 18px;
    --border-radius-small: 14px;
}

* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--background-color);
    color: var(--on-surface-primary);
    margin: 0;
    padding: 0;
}