/*
 * Design tokens — literal values transcribed from the approved design
 * system (_ds/adnext-design-system-.../tokens/...css in the sibling
 * static-site repo). This is the single source of truth for color/spacing/radius/shadow
 * values used in template-parts and pattern markup; theme.json carries the
 * same colors/type scale as block-editor presets so both stay in sync.
 *
 * Self-hosted Inter + JetBrains Mono (SIL Open Font License 1.1), both
 * variable fonts — avoids a render-blocking third-party request to Google
 * Fonts.
 */

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/inter-var-latin.woff2') format('woff2');
}

@font-face {
	font-family: 'JetBrains Mono';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/jetbrains-mono-var-latin.woff2') format('woff2');
}

:root {
	/* Color */
	--ink: #010101;
	--canvas: #fefefe;
	--on-primary: #fefefe;
	--accent-impact: #43ba8b;
	--inverse-canvas: #010101;
	--inverse-ink: #fefefe;
	--surface-soft: #f4f4f3;
	--hairline: #e3e3e1;
	--hairline-soft: #ececea;
	--on-inverse-soft: rgba(255, 255, 255, 0.16);
	--overlay-scrim: rgba(1, 1, 1, 0.6);
	--block-lime: #dff5ec;
	--block-lilac: #c9eedf;
	--block-cream: #f1fbf7;
	--block-mint: #b3e6d1;
	--block-pink: #d7f2e6;
	--block-coral: #8fdab9;
	--block-navy: #010101;
	--semantic-success: #2e7d4f;
	--semantic-warning: #b8792b;
	--semantic-danger: #c23b3b;

	/* Type */
	--font-sans: 'Inter', 'Inter Fallback', system-ui, sans-serif;
	--font-mono: 'JetBrains Mono', 'JetBrains Mono Fallback', 'SF Mono', monospace;
	--w-light: 300;
	--w-book: 400;
	--w-medium: 500;
	--w-semibold: 600;
	--w-bold: 700;

	--display-xl-size: 86px;  --display-xl-lh: 1.0;  --display-xl-ls: -1.72px; --display-xl-w: var(--w-semibold);
	--display-lg-size: 64px;  --display-lg-lh: 1.10; --display-lg-ls: -0.96px; --display-lg-w: var(--w-semibold);
	--headline-size: 26px;    --headline-lh: 1.35;   --headline-ls: -0.26px;  --headline-w: var(--w-semibold);
	--subhead-size: 26px;     --subhead-lh: 1.35;    --subhead-ls: -0.26px;   --subhead-w: var(--w-light);
	--card-title-size: 24px;  --card-title-lh: 1.45; --card-title-ls: 0;     --card-title-w: var(--w-bold);
	--body-lg-size: 20px;     --body-lg-lh: 1.40;    --body-lg-ls: -0.14px;  --body-lg-w: var(--w-light);
	--body-size: 18px;        --body-lh: 1.45;       --body-ls: -0.26px;    --body-w: var(--w-light);
	--body-sm-size: 16px;     --body-sm-lh: 1.45;    --body-sm-ls: -0.14px; --body-sm-w: var(--w-light);
	--link-size: 20px;        --link-lh: 1.40;       --link-ls: -0.10px;    --link-w: var(--w-medium);
	--button-size: 20px;      --button-lh: 1.40;     --button-ls: -0.10px;  --button-w: var(--w-medium);
	--eyebrow-size: 18px;     --eyebrow-lh: 1.30;    --eyebrow-ls: 0.54px;  --eyebrow-w: var(--w-book);
	--caption-size: 12px;     --caption-lh: 1.0;     --caption-ls: 0.60px;  --caption-w: var(--w-book);

	/* Spacing */
	--space-hair: 1px;
	--space-xxs: 4px;
	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 16px;
	--space-lg: 24px;
	--space-xl: 32px;
	--space-xxl: 48px;
	--space-section: 96px;
	--container-max: 1280px;

	/* Radius */
	--radius-xs: 2px;
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 24px;
	--radius-xl: 32px;
	--radius-pill: 999px;
	--radius-full: 9999px;

	/* Shadow */
	--shadow-none: none;
	--shadow-soft: 0 4px 16px rgba(21, 22, 27, 0.06);
	--shadow-modal: 0 24px 64px rgba(21, 22, 27, 0.22);
	--border-hairline: 1px solid var(--hairline);
	--border-hairline-soft: 1px solid var(--hairline-soft);
}