/*
 * DSCR Kit — design tokens.
 * Source: Lovable src/index.css + tailwind.config.ts (commit 392a6df).
 * The site is dark-only by design (navy ground, gold accent).
 */
:root {
	/* Core palette (HSL from Lovable) */
	--dscr-navy: hsl(210 33% 9%);          /* page background */
	--dscr-navy-light: hsl(210 30% 14%);
	--dscr-navy-lighter: hsl(210 25% 20%);
	--dscr-card: hsl(210 30% 12%);
	--dscr-secondary: hsl(210 25% 16%);
	--dscr-muted: hsl(210 20% 18%);
	--dscr-border: hsl(210 20% 20%);
	--dscr-fg: hsl(210 20% 92%);
	--dscr-fg-soft: hsl(210 20% 85%);
	--dscr-fg-muted: hsl(210 15% 55%);
	--dscr-gold: hsl(42 52% 54%);
	--dscr-gold-light: hsl(42 60% 68%);
	--dscr-gold-dark: hsl(42 45% 40%);
	--dscr-on-gold: hsl(210 33% 9%);
	--dscr-success: hsl(152 60% 42%);
	--dscr-success-text: hsl(142 69% 58%);   /* tailwind green-400 */
	--dscr-warn-text: hsl(43 96% 56%);       /* tailwind amber-400 */
	--dscr-yellow-text: hsl(48 96% 53%);     /* tailwind yellow-400 */
	--dscr-danger: hsl(0 72% 51%);
	--dscr-danger-text: hsl(0 91% 71%);      /* tailwind red-400 */

	/* Gradients */
	--dscr-gradient-gold: linear-gradient(135deg, var(--dscr-gold) 0%, var(--dscr-gold-light) 100%);
	--dscr-gradient-navy: linear-gradient(180deg, var(--dscr-navy) 0%, var(--dscr-navy-light) 100%);

	/* Type */
	--dscr-font-heading: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	--dscr-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

	/* Shape + layout */
	--dscr-radius: 0.5rem;
	--dscr-radius-lg: 0.75rem;
	--dscr-radius-xl: 1rem;
	--dscr-container: 1400px;
	--dscr-gutter: clamp(1rem, 4vw, 2rem);
	--dscr-header-h: 4rem;
	--dscr-glow-gold: 0 0 30px -5px hsl(42 52% 54% / 0.25);

	color-scheme: dark;
}

@media (min-width: 768px) {
	:root {
		--dscr-header-h: 5rem;
	}
}

/* Bricks sets html { font-size: 62.5% } (1rem = 10px) inside its cascade layer.
   Every rem in this kit assumes the browser default (1rem = 16px), so restore it.
   Unlayered rules beat Bricks' layered CSS. */
html {
	font-size: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--dscr-header-h) + 1rem);
}

body {
	background: var(--dscr-navy);
	color: var(--dscr-fg);
	font-family: var(--dscr-font-body);
	font-size: 1rem;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--dscr-font-heading);
}