/* ========================================================================== Design tokens. */

@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/ppneuemontreal/ppneuemontreal-thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/ppneuemontreal/ppneuemontreal-book.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/ppneuemontreal/ppneuemontreal-italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/ppneuemontreal/ppneuemontreal-medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'PP Neue Montreal';
	src: url('../fonts/ppneuemontreal/ppneuemontreal-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Source Serif 4';
	src: url('../fonts/source-serif-4-medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Source Serif 4';
	src: url('../fonts/source-serif-4-medium-italic.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

:root {
	/* ---------- Familii ---------- */
	--icc-font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
	--icc-font-sans:  'PP Neue Montreal', -apple-system, BlinkMacSystemFont,
	                  'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

	/* ---------- Layout — rebazat de la Figma 1920/1820 pe 1440/1360 ---------- */
	--icc-page-max:      1440px;
	--icc-container-max: 1360px;
	--icc-gutter:        clamp(1.25rem, 0.5rem + 3vw, 2.5rem);

	/* ---------- Tipografie: serif — maximele = Figma × 0.75 ---------- */
	--icc-fs-h1:    clamp(2.25rem,  1.507rem + 3.048vw, 4.25rem);
	--icc-fs-stats: clamp(2.125rem, 1.429rem + 2.857vw, 4rem);
	--icc-fs-h2:    clamp(1.875rem, 1.318rem + 2.286vw, 3.375rem);
	--icc-fs-h3:    clamp(1.625rem, 1.3rem   + 1.333vw, 2.5rem);

	--icc-lh-display: 1.1;
	--icc-ls-display: -0.03em;

	/* ---------- Tipografie: sans — de la Body in jos, cu praguri ---------- */
	--icc-fs-card-title: clamp(1.25rem,   1.157rem + 0.381vw, 1.5rem);
	--icc-fs-body:       clamp(1rem,      0.954rem + 0.19vw,  1.125rem);
	--icc-fs-ui:         clamp(0.9375rem, 0.914rem + 0.095vw, 1rem);
	--icc-fs-footer:     clamp(0.875rem,  0.852rem + 0.095vw, 0.9375rem);
	--icc-fs-fine:       clamp(0.8125rem, 0.789rem + 0.095vw, 0.875rem);

	--icc-lh-card-title: 1.15;
	--icc-lh-body:       1.5;
	--icc-lh-button:     0.95;
	--icc-lh-card-body:  1.332;
	--icc-lh-medic:      1.008;
	--icc-lh-footer:     1.48;
	--icc-lh-fine:       1.665;

	--icc-ls-card-title: -0.009em;
	--icc-ls-button:     -0.016em;
	--icc-ls-medic:      -0.0145em;

	/* ---------- Culori — sloturile Elementor nu corespund semantic ---------- */
	--icc-color-navy:      #0c202f;
	--icc-color-navy-mid:  #173f5d;
	--icc-color-orange:    #bf592d;
	--icc-color-cream:     #fef9ef;
	--icc-color-white:     #ffffff;
	--icc-color-black:     #000000;
	--icc-color-grey:      #e6e6e6;

	--icc-color-ink:      var(--icc-color-navy);
	--icc-color-surface:  var(--icc-color-white);
	--icc-color-line:     var(--icc-color-grey);
	--icc-color-primary:  var(--icc-color-orange);

	/* ---------- Spatiere si forme ---------- */
	--icc-space-section: clamp(3.5rem, 2rem + 6vw, 7.5rem);
	--icc-radius-btn:    20px;
	--icc-radius-card:   16px;
	--icc-radius-pill:   999px;
}

body {
	font-family: var(--icc-font-sans);
	font-size: var(--icc-fs-body);
	line-height: var(--icc-lh-body);
	color: var(--icc-color-ink);
	background-color: var(--icc-color-surface);
}

h1, h2, h3 {
	font-family: var(--icc-font-serif);
	font-weight: 500;
	line-height: var(--icc-lh-display);
	letter-spacing: var(--icc-ls-display);
	color: var(--icc-color-ink);
}

h1 { font-size: var(--icc-fs-h1); }
h2 { font-size: var(--icc-fs-h2); }
h3 { font-size: var(--icc-fs-h3); }

.icc-accent {
	font-style: italic;
	color: var(--icc-color-orange);
}

.icc-accent--light {
	font-style: italic;
	color: inherit;
}

.icc-sticla {
	backdrop-filter: blur(var(--icc-sticla-blur, 22px));
	-webkit-backdrop-filter: blur(var(--icc-sticla-blur, 22px));
}
.beneficii-blur:hover h4{
	color: #fff !important;
}