/* AIReceptionistGo — tokens del tema.
   Color: branding/tokens/brand-tokens.css v1.1 (lima + tinta), copiado tal cual.
   Tipografía y espacio: variables del Figma «AIReceptionistGo — Web» (aprobado por Fernando el 03-10):
   escala 14/16/18/20/28/35/41/55/69, Newsreader 600 (cifras 700), espacio 4…128. Escalas cerradas. */

@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree.woff2") format("woff2");
	font-weight: 400 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Newsreader";
	src: url("../fonts/newsreader.woff2") format("woff2");
	font-weight: 600 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "JetBrains Mono";
	src: url("../fonts/jetbrains-mono.woff2") format("woff2");
	font-weight: 400 500;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Marca */
	--arg-lime: #C1F54B;
	--arg-ink: #151A17;
	--arg-cream: #F5F4EF;
	--arg-leaf: #3F6B0F;
	--arg-lime-tint: #EEF8DE;
	--arg-signal: #FFB224;
	--arg-white: #FFFFFF;
	/* Neutros con tinte de marca */
	--arg-neutral-100: #ECEEEA;
	--arg-neutral-200: #E0E3DF;
	--arg-neutral-300: #C8CEC9;
	--arg-neutral-500: #7B857D;
	--arg-neutral-600: #566058;
	--arg-neutral-700: #3F4841;
	--arg-neutral-800: #2A312C;
	/* Roles */
	--arg-action: #C1F54B;
	--arg-action-hover: #B2E83A;
	--arg-action-text: #151A17;
	--arg-link: #3F6B0F;
	--arg-text: #151A17;
	--arg-text-weak: #566058;
	--arg-border: #E0E3DF;
	--arg-border-control: #7B857D;
	--arg-surface: #F5F4EF;
	--arg-surface-card: #FFFFFF;
	--arg-surface-dark: #151A17;
	--arg-on-dark: #FFFFFF;
	--arg-on-dark-weak: #C8CEC9;
	--arg-on-dark-accent: #C1F54B;
	--arg-focus-ring: #151A17;
	--arg-aviso-text: #8A6206;
	/* Insignia de éxito («Booked») del componente Tag de Figma: 4,6:1 sobre su fondo. */
	--arg-success: #098033;
	--arg-success-tint: #E7F9E9;

	/* Tipografía */
	--arg-font-sans: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--arg-font-display: "Newsreader", Georgia, "Times New Roman", serif;
	--arg-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	--fs-12: 0.75rem;
	--fs-14: 0.875rem;
	--fs-16: 1rem;
	--fs-18: 1.125rem;
	--fs-20: 1.25rem;
	--fs-28: 1.75rem;
	--fs-35: 2.1875rem;
	--fs-41: 2.5625rem;
	--fs-55: 3.4375rem;
	--fs-69: 4.3125rem;
	/* Titulares: valor del Figma a 390 → valor a 1440, lineal entre medias. */
	--fs-h1: clamp(2.1875rem, 1.398rem + 3.238vw, 4.3125rem);   /* 35 → 69 */
	--fs-h1-2: clamp(1.75rem, 1.123rem + 2.571vw, 3.4375rem);   /* 28 → 55 */
	--fs-h2: clamp(2.1875rem, 1.723rem + 1.905vw, 3.4375rem);   /* 35 → 55 */
	--fs-h2-s: clamp(1.75rem, 1.448rem + 1.238vw, 2.5625rem);   /* 28 → 41 */
	--fs-figure: var(--fs-69); /* cifras grandes: 69 también en móvil (Figma 43:2414) */
	--lh-display: 1.02;
	--lh-heading: 1.02;
	--lh-sub: 1.15;
	--lh-ui: 1.4;
	--lh-body: 1.55;
	--ls-display: -0.036em;
	--ls-heading: -0.03em;
	--ls-caps: 0.06em;
	--measure: 65ch;

	/* Espacio */
	--sp-4: 4px;
	--sp-8: 8px;
	--sp-12: 12px;
	--sp-16: 16px;
	--sp-24: 24px;
	--sp-32: 32px;
	--sp-48: 48px;
	--sp-64: 64px;
	--sp-96: 96px;
	--sp-128: 128px;
	--section-y: var(--sp-64);
	--gutter: var(--sp-16);
	--container: 1248px;

	/* Forma */
	--radius-sm: 6px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-pill: 999px;
	--shadow-card: 0 1px 2px rgba(21, 26, 23, .06), 0 4px 16px rgba(21, 26, 23, .06);
	--shadow-pop: 0 8px 32px rgba(21, 26, 23, .14);

	/* Táctiles y botones (Figma: L = 64, M = 48) */
	--target: 44px;
	--btn-l: 64px;
	--btn-m: 48px;
}

@media (min-width: 768px) {
	:root {
		--section-y: var(--sp-96);
		--gutter: var(--sp-32);
	}
}
@media (min-width: 1200px) {
	:root {
		--section-y: var(--sp-128);
	}
}