/*
 * Design tokens estratti dal prototipo "Meridian" (design/meridian-board.html).
 * Palette: Petrol/Brass/Teal/Lilac/Moss + superfici Canvas/Panel/Accent.
 * Raggi 9/11/14/18, ombra unica diffusa, bordo hairline 1px.
 */
:root {
    --color-petrol: #12333f;
    --color-brass: #b99333;
    --color-teal: #5f8a86;
    --color-teal-dark: #1f5566;
    --color-lilac: #8b83ad;
    --color-moss: #4f7b5c;
    --color-canvas: #f1f0ec;
    --color-panel: #fbfaf8;
    --color-accent: #e5c979;
    --color-danger: #a23b2c;
    --color-danger-bg: #f6e6e2;

    --radius-sm: 9px;
    --radius-md: 11px;
    --radius-lg: 14px;
    --radius-xl: 18px;

    --shadow-card: 0 1px 2px rgba(18, 51, 63, 0.04), 0 14px 30px -24px rgba(18, 51, 63, 0.3);
    --hairline: 1px solid rgba(18, 51, 63, 0.1);

    --font-heading: "Inter Tight", sans-serif;
    --font-body: "Inter", system-ui, sans-serif;
}