/**
 * Miglior CRM - design tokens.
 *
 * Single source of truth for colors, type, spacing, radii and shadows.
 * Every other stylesheet reads from these variables: never hardcode values.
 *
 * Breakpoints (aligned with Kadence, cannot be variables in media queries):
 *   mobile   < 720px
 *   tablet   >= 720px
 *   desktop  >= 1025px
 */

:root {
	/* Brand: trust blue (buttons, links) + logo orange (accents only) */
	--mc-brand: #1b4dd6;          /* 6.3:1 with white text (AA) */
	--mc-brand-dark: #153da8;     /* hover, text links on white */
	--mc-brand-light: #8fb0ff;    /* kicker / accents on dark backgrounds */
	--mc-brand-tint: #eef3ff;     /* highlighted row background */
	--mc-brand-rgb: 27, 77, 214;  /* --mc-brand as channels, for rgba() tints */

	/* Logo orange: never as text on white (2:1). Ink text on it: 9.5:1 */
	--mc-accent: #ffa500;
	--mc-accent-dark: #e89400;
	--mc-accent-tint: #fff6e6;
	--mc-on-accent: #0b1a2e;

	/* Ink (dark surfaces): deep navy */
	--mc-ink: #0b1a2e;
	--mc-ink-2: #13263f;        /* cards on dark sections */
	--mc-ink-3: #1d3453;        /* dark button hover */

	/* Neutrals: surfaces */
	--mc-white: #ffffff;
	--mc-gray-50: #f8fafc;
	--mc-gray-100: #f3f6fa;
	--mc-gray-150: #eef2f7;
	--mc-gray-200: #e7ecf3;
	--mc-border: #e1e7ef;

	/* Neutrals: text */
	--mc-text: var(--mc-ink);
	--mc-text-2: #34405a;       /* secondary body text */
	--mc-text-3: #4a5670;       /* lead / descriptions */
	--mc-text-muted: #56627a;   /* meta, terms */
	--mc-text-subtle: #667189;  /* fine print */
	--mc-text-disabled: #a3acbb;

	/* On dark */
	--mc-on-dark: #ffffff;
	--mc-on-dark-2: rgba(255, 255, 255, 0.74);
	--mc-on-dark-3: rgba(255, 255, 255, 0.58);
	--mc-on-dark-border: rgba(255, 255, 255, 0.14);
	--mc-on-dark-fill: rgba(255, 255, 255, 0.06);

	/* Feedback */
	--mc-success: #11804f;
	--mc-success-tint: #e9f7f0;
	--mc-warning: #b45309;
	--mc-warning-tint: #fff7e8;
	--mc-info: #1b4dd6;
	--mc-info-tint: #eef3ff;

	/* Extra accents (brand colors of the typographic product packs) */
	--mc-accent-violet: #6d28d9;
	--mc-accent-teal: #0f766e;
	--mc-accent-rose: #be185d;

	/* Typography */
	--mc-font-display: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--mc-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--mc-font-nav: var(--mc-font-body); /* desktop menu; font presets swap it (inc/fonts.php) */

	--mc-fs-hero: clamp(2.25rem, 1.35rem + 3.8vw, 3.625rem);   /* 36 -> 58 */
	--mc-fs-h1: clamp(2rem, 1.5rem + 2vw, 2.75rem);           /* 32 -> 44 */
	--mc-fs-h2: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);      /* 28 -> 40 */
	--mc-fs-h3: clamp(1.375rem, 1.2rem + 0.7vw, 1.875rem);    /* 22 -> 30 */
	--mc-fs-h4: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);  /* 19 -> 22 */
	--mc-fs-h5: 1.125rem;
	--mc-fs-h6: 1rem;
	--mc-fs-lead: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem);    /* 16 -> 17 */
	--mc-fs-body: 1rem;
	--mc-fs-sm: 0.875rem;       /* 14 */
	--mc-fs-xs: 0.8125rem;      /* 13 */
	--mc-fs-2xs: 0.75rem;       /* 12 */
	--mc-fs-3xs: 0.6875rem;     /* 11 */
	--mc-fs-micro: 0.65625rem;  /* 10.5 */

	--mc-lh-tight: 1.05;
	--mc-lh-heading: 1.18;
	--mc-lh-body: 1.6;

	--mc-ls-display: -0.022em;
	--mc-ls-label: 0.05em;
	--mc-ls-kicker: 0.12em;

	/* Spacing (4px base) */
	--mc-space-1: 0.25rem;
	--mc-space-2: 0.5rem;
	--mc-space-3: 0.75rem;
	--mc-space-4: 1rem;
	--mc-space-5: 1.25rem;
	--mc-space-6: 1.5rem;
	--mc-space-7: 1.75rem;
	--mc-space-8: 2rem;
	--mc-space-10: 2.5rem;
	--mc-space-12: 3rem;
	--mc-space-14: 3.5rem;
	--mc-space-16: 4rem;

	--mc-section-gap: clamp(3rem, 2.2rem + 3.2vw, 4.25rem);   /* 48 -> 68 */

	/* Layout */
	/* Same content box as the Kadence header (1290px wide, 1.5rem edge padding),
	   so every section lines up with the logo and the last menu item. */
	--mc-container: calc(var(--global-content-width, 1290px) - 2 * var(--global-content-edge-padding, 1.5rem));
	--mc-container-narrow: 780px;  /* long-form articles */
	--mc-gutter: var(--global-content-edge-padding, 1.5rem);
	--mc-header-h: 70px;

	/* Radii */
	--mc-radius-xs: 6px;
	--mc-radius-sm: 10px;
	--mc-radius-md: 14px;
	--mc-radius-lg: 18px;
	--mc-radius-pill: 999px;

	/* Shadows */
	--mc-shadow-sm: 0 1px 2px rgba(11, 26, 46, 0.06);
	--mc-shadow-md: 0 10px 30px rgba(11, 26, 46, 0.09);
	--mc-shadow-lg: 0 30px 70px rgba(11, 26, 46, 0.35);

	/* Motion */
	--mc-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--mc-dur: 0.18s;

	/* Layers */
	--mc-z-header: 20;
	--mc-z-overlay: 100;
}