/**
 * Alice Magni semantic design tokens.
 * Default palette: Tortora Signature.
 */

:root,
[data-am-palette="tortora-signature"] {
	--am-color-primary: #A89589;
	--am-color-primary-dark: #75665E;
	--am-color-background: #F8F6F3;
	--am-color-surface: #EFEAE5;
	--am-color-text: #171615;
	--am-color-muted: #716B67;
	--am-color-border: #D8CFC9;
	--am-color-white: #FFFDFC;
	--am-signature-start: #A89589;
	--am-signature-center: #171615;
	--am-signature-end: #A89589;
	--am-gradient-signature: linear-gradient(90deg, var(--am-signature-start), var(--am-signature-center), var(--am-signature-end));
	--am-color-on-primary: var(--am-color-text);
	--am-color-on-primary-hover: var(--am-color-white);
}

[data-am-palette="sage-ivory"] {
	--am-color-primary: #9CA89C;
	--am-color-primary-dark: #687568;
	--am-color-background: #F8F8F4;
	--am-color-surface: #EDF0EB;
	--am-color-text: #171A17;
	--am-color-muted: #687068;
	--am-color-border: #D4DBD2;
	--am-color-white: #FFFFFC;
	--am-signature-start: #9CA89C;
	--am-signature-center: #171A17;
	--am-signature-end: #9CA89C;
	--am-gradient-signature: linear-gradient(90deg, var(--am-signature-start), var(--am-signature-center), var(--am-signature-end));
	--am-color-on-primary: var(--am-color-text);
	--am-color-on-primary-hover: var(--am-color-white);
}

[data-am-palette="powder-blue-slate"] {
	--am-color-primary: #91A3AD;
	--am-color-primary-dark: #60727C;
	--am-color-background: #F6F8F8;
	--am-color-surface: #E9EEF0;
	--am-color-text: #15191B;
	--am-color-muted: #667178;
	--am-color-border: #D1DADF;
	--am-color-white: #FCFDFD;
	--am-signature-start: #91A3AD;
	--am-signature-center: #15191B;
	--am-signature-end: #91A3AD;
	--am-gradient-signature: linear-gradient(90deg, var(--am-signature-start), var(--am-signature-center), var(--am-signature-end));
	--am-color-on-primary: var(--am-color-text);
	--am-color-on-primary-hover: var(--am-color-white);
}

:root {
	--am-color-error: #8C2F39;
	--am-color-success: #2F6650;

	--am-font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--am-font-body: "Manrope", Inter, "Avenir Next", Avenir, "Segoe UI", sans-serif;

	--am-font-size-hero: clamp(2.75rem, 1.93rem + 3.64vw, 5.5rem);
	--am-font-size-h1: clamp(2.5rem, 1.86rem + 2.85vw, 4.5rem);
	--am-font-size-h2: clamp(2.125rem, 1.62rem + 2.25vw, 3.5rem);
	--am-font-size-h3: clamp(1.75rem, 1.52rem + 1vw, 2.375rem);
	--am-font-size-large: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
	--am-font-size-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
	--am-font-size-small: 0.875rem;
	--am-font-size-control: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
	--am-font-size-label: 0.75rem;

	--am-line-height-tight: 1.02;
	--am-line-height-heading: 1.12;
	--am-line-height-body: 1.65;
	--am-line-height-control: 1.2;
	--am-letter-spacing-label: 0.1em;
	--am-letter-spacing-control: 0.06em;

	--am-space-1: 0.25rem;
	--am-space-2: 0.5rem;
	--am-space-3: 0.75rem;
	--am-space-4: 1rem;
	--am-space-5: 1.5rem;
	--am-space-6: 2rem;
	--am-space-7: 3rem;
	--am-space-8: 4rem;
	--am-space-control-x: var(--am-space-5);
	--am-space-card: clamp(1.25rem, 1rem + 1vw, 2rem);
	--am-space-component: clamp(2rem, 1.5rem + 2vw, 4rem);
	--am-space-section-sm: clamp(3rem, 2.25rem + 3vw, 5rem);
	--am-space-section-md: clamp(4rem, 2.5rem + 5vw, 7rem);
	--am-space-section-lg: clamp(5rem, 3rem + 7vw, 9rem);

	--am-radius-input: 10px;
	--am-radius-button: 12px;
	--am-radius-card: 18px;
	--am-radius-important: 24px;
	--am-radius-sheet: 28px;
	--am-radius-pill: 999px;

	--am-content-width: 48rem;
	--am-wide-width: 80rem;
	--am-gutter: clamp(1rem, 0.65rem + 1.5vw, 3rem);
	--am-grid-gap: clamp(1.25rem, 0.85rem + 1.75vw, 2.5rem);

	--am-control-height: 3.25rem;
	--am-touch-target: 2.75rem;
	--am-border-width: 1px;
	--am-icon-size: 1.25rem;
	--am-shadow-subtle: 0 1px 2px rgb(23 22 21 / 0.06);

	--am-duration-micro: 180ms;
	--am-duration-standard: 300ms;
	--am-duration-editorial: 600ms;
	--am-ease-standard: cubic-bezier(0.2, 0, 0, 1);
	--am-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
	--am-motion-shift: 0.25rem;

	--am-focus-width: 2px;
	--am-focus-offset: 3px;
}