/*
 * Design token di Menumi (pannello). Unica fonte per colori, spazi e misure.
 * Tre livelli, come da docs/UI_STANDARD.md:
 *   1. primitivi   --mn-*        valori grezzi della palette del tema (non usarli direttamente nei componenti)
 *   2. semantici   --color-*, --surface*, --text*, --border*   cosa significa il colore
 *   3. componente  --btn-*, --card-*, --kds-*, --touch-*       misure dei componenti
 * Le pagine del cliente usano i propri token --pm-* (public/partials/theme), presi dal tema del menu.
 * I valori fissi nelle viste sono controllati da tests/Feature/DesignTokensTest.php.
 */
:root {
    /* 1. Primitivi */
    --mn-green-700: #24695c;
    --mn-green-900: #1b4c43;
    --mn-brown-500: #ba895d;
    --mn-red-600: #d22d3d;
    --mn-red-700: #a3202d;
    --mn-red-800: #8f1d28;
    --mn-yellow-500: #e2c636;
    --mn-yellow-800: #8a7310;
    --mn-yellow-900: #5c4d06;
    --mn-gray-100: #f5f7f8;
    --mn-gray-200: #e6edef;
    --mn-gray-300: #d2dcdf;
    --mn-gray-400: #c9d3d6;
    --mn-gray-500: #717171;
    --mn-gray-600: #5b6472;
    --mn-ink: #2c323f;
    --mn-white: #ffffff;

    --mn-space-1: 4px;
    --mn-space-2: 8px;
    --mn-space-3: 12px;
    --mn-space-4: 16px;
    --mn-space-5: 24px;
    --mn-space-6: 32px;

    --mn-radius-sm: 6px;
    --mn-radius-md: 8px;
    --mn-radius-lg: 12px;
    --mn-radius-pill: 999px;

    /* 2. Semantici */
    --color-primary: var(--mn-green-700);
    --color-primary-strong: var(--mn-green-900);
    --color-primary-soft: rgba(36, 105, 92, .1);
    --color-secondary: var(--mn-brown-500);
    --color-success: var(--mn-green-900);
    --color-danger: var(--mn-red-600);
    --color-danger-strong: var(--mn-red-700);
    --color-danger-ink: var(--mn-red-800);
    --color-warning: var(--mn-yellow-500);
    --color-warning-ink: var(--mn-yellow-900);
    --color-warning-strong: var(--mn-yellow-800);
    --color-info: var(--mn-gray-500);

    --surface: var(--mn-white);
    --surface-muted: var(--mn-gray-100);
    --surface-dark: var(--mn-ink);
    --text: var(--mn-ink);
    --text-muted: var(--mn-gray-600);
    --text-subtle: var(--mn-gray-500);
    --text-on-primary: var(--mn-white);
    --border: var(--mn-gray-200);
    --border-strong: var(--mn-gray-400);
    --icon-muted: var(--mn-gray-300);
    --focus-ring: 0 0 0 3px rgba(36, 105, 92, .25);

    /* 3. Componente */
    --touch-target: 44px;
    --btn-radius: var(--mn-radius-sm);
    --card-radius: var(--mn-radius-lg);
    --card-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    --toast-bg: var(--surface-dark);
    --toast-accent: var(--color-warning);
    --kds-ticket-font: 18px;
    --kds-ticket-meta: 12px;
    --kds-column-radius: var(--mn-radius-md);
}