/*
 * DPA Beed design tokens — from the Stage 1 brand system (canvas "Brand design system").
 * Every text/background pairing below meets WCAG AA. Gold (#F5A623) is a fill or on-dark colour only, never text on white.
 */

@font-face {
	font-family: "Noto Sans Devanagari";
	src: url("../fonts/noto-sans-devanagari.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0900-097F, U+1CD0-1CFF, U+200C-200D, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
}
@font-face {
	font-family: "Raleway";
	src: url("../fonts/raleway-latin.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Cinzel";
	src: url("../fonts/cinzel-latin.woff2") format("woff2");
	font-weight: 600 700;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Brand */
	--c-blue-700: #1b4f8a;  /* primary · 8.3:1 on white */
	--c-blue-800: #164273;  /* hover */
	--c-blue-500: #2e75b6;  /* focus ring, secondary */
	--c-navy-900: #0a2a50;  /* pressed, dark panels */
	--c-navy-950: #0a1929;  /* footer */
	--c-gold-500: #f5a623;  /* accent fill */
	--c-gold-600: #e39818;  /* accent hover */
	--c-gold-700: #c8821a;  /* accent pressed */
	--c-gold-ink: #8a5a00;  /* gold-tinted text on light · 5.9:1 */

	/* Surfaces */
	--c-bg: #f8fafc;
	--c-surface: #ffffff;
	--c-tint: #eaf2fb;
	--c-gold-50: #fef3dc;
	--c-border: #d6e4f7;
	--c-border-strong: #6f8aa8; /* inputs · 3.6:1 */

	/* Text */
	--c-text: #1a2b3c;
	--c-text-2: #3a5068;
	--c-muted: #4f6d8c;     /* 5.4:1 on white */
	--c-on-dark: #d8eafb;
	--c-on-dark-2: #a8d0f0;
	--c-on-accent: #1a2b3c; /* 7.1:1 on gold */

	/* Status */
	--c-success: #1e7b4a;
	--c-success-ink: #145a35;
	--c-success-bg: #e7f4ec;
	--c-warning-ink: #5c3d00;
	--c-error: #b42318;
	--c-error-ink: #8f1c13;
	--c-error-bg: #fdecea;

	/* Type */
	--font-mr: "Noto Sans Devanagari", "Raleway", system-ui, sans-serif;
	--font-en: "Raleway", "Noto Sans Devanagari", system-ui, sans-serif;
	--font-display-en: "Cinzel", Georgia, serif;
	--font-display-mr: "Noto Sans Devanagari", "Cinzel", system-ui, sans-serif;

	--fs-display: clamp(2rem, 1.2rem + 3.2vw, 3rem);       /* 32 → 48 */
	--fs-h1: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);      /* 28 → 36 */
	--fs-h2: clamp(1.5rem, 1.3rem + 0.9vw, 1.75rem);       /* 24 → 28 */
	--fs-h3: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);    /* 18 → 20 */
	--fs-body: 1rem;
	--fs-small: 0.875rem;
	--fs-xs: 0.8125rem;

	/* Spacing (4px base) */
	--s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
	--s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
	--gutter: 16px;
	--section: 64px;

	/* Shape */
	--r-input: 6px;
	--r-btn: 8px;
	--r-card: 12px;
	--r-pill: 999px;
	--shadow-1: 0 1px 2px rgba(10, 25, 41, 0.06);
	--shadow-2: 0 8px 24px rgba(10, 25, 41, 0.1);

	--container: 1200px;
	--container-narrow: 760px;
}

@media (min-width: 768px) {
	:root { --gutter: 24px; }
}
@media (min-width: 1280px) {
	:root { --gutter: 32px; --section: 96px; }
}