/* Generato da LM CSS Helper — https://dev.lulamerlo.it/css-helper */
:root{
	--lm-transition-speed: .25s;

	/* Tipografia */
	--lm-font-display: 'Kanit', sans-serif;
	--lm-font-heading: 'Kanit', sans-serif;
	--lm-font-body: 'Martel Sans', sans-serif;
	--lm-fw-regular: 400;
	--lm-fw-medium: 600;
	--lm-fw-bold: 700;
	--lm-lh-tight: 1.2;
	--lm-lh-normal: 1.5;
	--lm-lh-loose: 1.8;
	--lm-font-xxs: 8px;
	--lm-font-xs: 12px;
	--lm-font-sm: 14px;
	--lm-font-md: 17px;
	--lm-font-lg: 24px;
	--lm-font-xl: 48px;
	--lm-font-xxl: 64px;
	--lm-letter-spacing-wide: 0.06em;

	/* Spaziatura */
	--lm-space-xxs: 4px;
	--lm-space-xs: 8px;
	--lm-space-sm: 12px;
	--lm-space-md: 20px;
	--lm-space-lg: 32px;
	--lm-space-xl: 48px;
	--lm-space-xxl: 80px;

	/* Raggi */
	--lm-r-xxs: 2px;
	--lm-r-xs: 4px;
	--lm-r-sm: 8px;
	--lm-r-md: 12px;
	--lm-r-lg: 16px;
	--lm-r-xl: 24px;
	--lm-r-xxl: 36px;
	--lm-r-round: 999px;

	/* Ombre / layout / effetti */
	--lm-shadow-sm: 0 1px 2px rgba(10,6,32,.08);
	--lm-shadow-md: 0 4px 12px rgba(10,6,32,.12);
	--lm-shadow-lg: 0 12px 32px rgba(10,6,32,.18);
	--lm-container: 1200px;
	--lm-max-width-content: 65ch;
	--lm-aspect-card: 4/3;
	--lm-icon-sm: 16px;
	--lm-icon-md: 20px;
	--lm-icon-lg: 28px;
	--lm-backdrop-blur: 8px;
	--lm-gradient-overlay: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
	--lm-easing-standard: cubic-bezier(.4,0,.2,1);
	--lm-z-dropdown: 100;
	--lm-z-modal: 1000;
	--lm-z-toast: 2000;
	--lm-text-on-light: #0A0620;
	--lm-text-on-dark: #FFFFFF;

	/* Semantici (fissi) */
	--lm-success: #1ECFAA;
	--lm-warning: #EAA020;
	--lm-danger: #F05070;
	--lm-info: #366AE2;
	--lm-outline-error: #F05070;

	/* Tema chiaro (default) */
	--lm-primary: #5A20D0;
	--lm-secondary: #672EDB;
	--lm-tertiary: #672EDB;
	--lm-bg-base: #F8F4FF;
	--lm-success-bg: #E9FAF7;
	--lm-danger-bg: #FEEEF1;
	--lm-bg-surface: #FFFFFF;
	--lm-text-primary: #0C0814;
	--lm-text-secondary: #000000;
	--lm-border: #DBC6FF;
	--lm-selection: #6127D6;
	--lm-primary-hover: #43189B;
	--lm-secondary-hover: #4D1EAE;
	--lm-tertiary-hover: #4D1EAE;
	--lm-accent: #D8B717;
	--lm-accent-hover: #A18811;
	--lm-over-primary: #FFFFFF;
	--lm-over-secondary: #FFFFFF;
	--lm-over-tertiary: #FFFFFF;
	--lm-over-accent: #FFFFFF;
	--lm-bg-elevated: #EAE1FB;
	--lm-bg-elevated-2: #DFD2F7;
	--lm-bg-overlay: rgba(33,12,75,0.5);
	--lm-cta-surface-neutral: #EAE1FB;
	--lm-cta-surface-light: #F5F1FD;
	--lm-cta-surface-dark: #CEB8F6;
	--lm-text-muted: #8566C2;
	--lm-text-disabled: #AD99D6;
	--lm-link-visited: #542CA5;
	--lm-border-2: #BE98FF;
	--lm-divider: #EADDFF;
	--lm-focus-ring: #5A20D0;
	--lm-input-bg: #FFFFFF;
	--lm-input-border-focus: #5A20D0;
	--lm-placeholder: #A27FE1;
	--lm-tooltip-bg: #0C0814;
	--lm-tooltip-text: #FFFFFF;
	--lm-skeleton: #DFD2F7;
	--lm-badge-neutral: #DFD2F7;
	--lm-code-bg: #F5F0FD;
	--lm-gradient: linear-gradient(17deg, #b512ce 0%, #672edb 56%, #366ae2 100%);
}
html.dark-mode, html[data-theme="dark"]{
	--lm-primary: #8C5CED;
	--lm-secondary: #9D75EE;
	--lm-tertiary: #9D75EE;
	--lm-bg-base: #0C0021;
	--lm-success-bg: #15294C;
	--lm-danger-bg: #3F1041;
	--lm-bg-surface: #130035;
	--lm-text-primary: #E9E3F4;
	--lm-text-secondary: #9A7ECC;
	--lm-border: #310087;
	--lm-selection: #9569EE;
	--lm-primary-hover: #AC8AF2;
	--lm-secondary-hover: #BDA2F4;
	--lm-tertiary-hover: #BDA2F4;
	--lm-accent: #FAEEB5;
	--lm-accent-hover: #FDF9E5;
	--lm-over-primary: #E9E3F4;
	--lm-over-secondary: #E9E3F4;
	--lm-over-tertiary: #E9E3F4;
	--lm-over-accent: #E9E3F4;
	--lm-bg-elevated: #180833;
	--lm-bg-elevated-2: #200F42;
	--lm-bg-overlay: rgba(0,0,0,0.55);
	--lm-cta-surface-neutral: #180833;
	--lm-cta-surface-light: #230C4B;
	--lm-cta-surface-dark: #05020B;
	--lm-text-muted: #603E9F;
	--lm-text-disabled: #442C70;
	--lm-link-visited: #A989E9;
	--lm-border-2: #4700C4;
	--lm-divider: #1F0054;
	--lm-focus-ring: #8C5CED;
	--lm-input-bg: #150234;
	--lm-input-border-focus: #8C5CED;
	--lm-placeholder: #541FB2;
	--lm-tooltip-bg: #E9E3F4;
	--lm-tooltip-text: #0A0620;
	--lm-skeleton: #200F42;
	--lm-badge-neutral: #200F42;
	--lm-code-bg: #160434;
	--lm-gradient: linear-gradient(17deg, #CC29E6 0%, #8149F2 56%, #5283F7 100%);
}