/**
 * Delco design system — tokens + webfonts.
 * Figma: Light Nav 233:34594, palette from NEW HOME PAGE / brand usage.
 */

/* ── Magneta ─────────────────────────────────────────────────────────────── */
@font-face {
	font-family: "Magneta";
	src: url("/fonts/Magneta-Thin.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Magneta";
	src: url("/fonts/Magneta-Book-.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Magneta";
	src: url("/fonts/Magneta-Book-Italic.woff2") format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Magneta";
	src: url("/fonts/Magneta-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Magneta";
	src: url("/fonts/Magneta-Semi-Bold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Magneta";
	src: url("/fonts/Magneta-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Magneta";
	src: url("/fonts/Magneta-Black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* ── Acumin Pro ──────────────────────────────────────────────────────────── */
@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Thin.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-ExtraLight.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Semibold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Bold.woff2") format("woff2"),
	     url("/fonts/Acumin_Pro_Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/Acumin_Pro_Bold_Italic.woff2") format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-Black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-BlackItalic.woff2") format("woff2");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Acumin Pro";
	src: url("/fonts/AcuminPro-UltraBlack.woff2") format("woff2");
	font-weight: 950;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Surfaces */
	--delco-color-bg-page: #f9f7f5;
	--delco-color-bg-utility: #f1ece3;
	--delco-color-bg-surface: #ffffff;
	--delco-color-bg-cta-dark: #3f4853;
	--delco-color-bg-subtle: #f0ebe4;
	--delco-color-bg-muted: #ece8e0;

	/* Brand */
	--delco-color-brand-blue: #4779b9;
	--delco-color-brand-blue-deep: #3d6ba5;
	--delco-color-brand-blue-bright: #5c8cd0;
	--delco-color-brand-blue-legacy: #164ca8;
	--delco-color-link-hover: #3d6ba5;

	/* Text */
	--delco-color-text-primary: #323c48;
	--delco-color-text-inverse: #ffffff;
	--delco-color-text-muted: #4d4d4d;
	--delco-color-text-body: #1a1a1a;
	--delco-color-heading: #323c48;

	/* Accent (replaces legacy cyan #00f6ff on dark UI) */
	--delco-color-accent-bright: #b8e8ff;
	--delco-color-accent-teal: #5cbcc4;

	/* Lines & chrome */
	--delco-color-border-default: #323c48;
	--delco-color-border-subtle: #a4a4a4;
	--delco-color-border-accent: #978970;
	--delco-color-border-input: #626262;

	/* Promo */
	--delco-color-promo-cream: #f9f7f5;

	/* Typography */
	--delco-font-body: "Montserrat", "Lato", Arial, system-ui, sans-serif;
	--delco-font-heading: "Montserrat", "Lato", Arial, sans-serif;
	--delco-font-nav: "Montserrat", "Lato", system-ui, sans-serif;
	/* NOTE: html{font-size:62.5%} in main_Copy means 1rem = 10px site-wide.
	   These values are real px ÷ 10. */
	--delco-font-nav-size: 1.5rem;        /* 15px desktop nav links */
	--delco-font-nav-lg: 1.6rem;          /* 16px — slightly larger contexts */
	/* CALL NOW — Figma Light Nav 233:34596 */
	--delco-font-phone-label: 1.5rem;     /* 15px "CALL NOW" label */
	--delco-font-phone-num: 2.2rem;       /* 22px phone number */
	--delco-size-phone-icon: 2.5rem;      /* 25px icon (unchanged) */
	--delco-space-phone-gap: 0.625rem;    /* 6.25px gap (unchanged) */

	/* Radii */
	--delco-radius-button: 10px;
	--delco-radius-panel: 4px;
	--delco-radius-input: 6px;

	/* Layout */
	--delco-nav-max-width: 1480px;
	--delco-space-nav-gap: 3.2rem;
}