/**
 * Dayvessa design tokens — single source of truth.
 *
 * Values are taken exactly from the approved Claude Design export
 * ("AU Time Off Planner - Design System.dc.html") and DESIGN_SPEC_AU_TIME_OFF_PLANNER.md.
 * No component stylesheet should hard-code a hex value, font size, spacing
 * value, or radius — it must reference one of these custom properties.
 *
 * Fonts: Newsreader (serif) + Inter (sans) are referenced by family name
 * only here. Font FILES are not yet vendored into this theme — the
 * approved architecture (Section M, Performance Strategy) calls for
 * self-hosting instead of the mockups' Google Fonts <link>, but fetching
 * the actual font files requires a network download this M0 pass did not
 * request permission for. Until @font-face rules + woff2 files are added
 * (see docs/CURRENT_STATE.md), the stack below falls back to system
 * serif/sans so the site still renders correctly, just not yet in the
 * final typeface. This is flagged as a review item before M1 ships a
 * page that's actually seen by users.
 */

:root {
	/* Colour */
	--dv-color-deep-forest: #173f35;
	--dv-color-deep-forest-hover: #0f2e26;
	--dv-color-warm-cream: #f7f3e9;
	--dv-color-warm-white: #fefdf9;
	--dv-color-butter-yellow: #f5e38e;
	--dv-color-golden-yellow: #e8b735;
	--dv-color-soft-peach: #e9a38f;
	--dv-color-terracotta: #d97852;
	--dv-color-sky-blue: #a9d5e5;
	--dv-color-lavender: #c9bde8;
	--dv-color-sage: #b8c6b4;
	--dv-color-charcoal: #202320;

	/* Semantic colour roles (Section 5 of the design spec) */
	--dv-color-bg: var(--dv-color-warm-cream);
	--dv-color-surface: var(--dv-color-warm-white);
	--dv-color-text: var(--dv-color-charcoal);
	--dv-color-primary: var(--dv-color-deep-forest);
	--dv-color-primary-hover: var(--dv-color-deep-forest-hover);
	--dv-color-school-holidays: var(--dv-color-butter-yellow);
	--dv-color-public-holidays: var(--dv-color-sky-blue);
	--dv-color-long-weekends: var(--dv-color-lavender);
	--dv-color-annual-leave: var(--dv-color-soft-peach);
	--dv-color-accent: var(--dv-color-golden-yellow);
	--dv-color-emphasis: var(--dv-color-terracotta);
	--dv-color-utility: var(--dv-color-sage);

	/* Typography */
	--dv-font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
	--dv-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--dv-text-hero: 72px;
	--dv-text-h2: 44px;
	--dv-text-h3: 28px;
	--dv-text-countdown: 108px;
	--dv-text-body-lg: 18px;
	--dv-text-body: 16px;
	--dv-text-label: 13px;
	--dv-text-meta: 13px;

	/* Mobile typography (Section 8 of the design spec) */
	--dv-text-hero-mobile: 48px;
	--dv-text-h2-mobile: 32px;
	--dv-text-countdown-mobile: 72px;

	/* Spacing — 8px base grid */
	--dv-space-1: 8px;
	--dv-space-2: 12px;
	--dv-space-3: 16px;
	--dv-space-4: 24px;
	--dv-space-5: 32px;
	--dv-space-6: 48px;
	--dv-space-7: 64px;
	--dv-space-8: 96px;
	--dv-space-9: 128px;

	/* Radius */
	--dv-radius-control: 10px;
	--dv-radius-card: 16px;
	--dv-radius-hero: 24px;
	--dv-radius-pill: 999px;

	/* Focus ring (Section 41 of the design spec) */
	--dv-focus-ring-color: var(--dv-color-terracotta);
	--dv-focus-ring-width: 2px;
	--dv-focus-ring-offset: 3px;
}