/* ============================================================
   Venture Mentor Hub — Marine — Design Tokens
   Marine variant: cool petrol-blue palette. Loaded on every view.
   Same token names as the original — only values changed, so any
   selector that references --vmh-c-* picks up the new colour without
   structural edits. Editorial sharp-edge look preserved (radius:0).
   ============================================================ */

:root {
	/* Colors — marine anchor, cyan accent, petrol "crimson", cool light-blue paper */
	--vmh-c-anchor:       #0B1F38;
	--vmh-c-anchor-2:     #122A4A;
	--vmh-c-slate:        #1B3A60;
	--vmh-c-slate-soft:   rgba(27, 58, 96, .12);
	--vmh-c-slate-glow:   rgba(55, 194, 214, .2);
	--vmh-c-slate-on-dark:#37C2D6;
	--vmh-c-crimson:      #075985;  /* petrol — name kept for token-name stability across selectors */
	--vmh-c-crimson-soft: rgba(7, 89, 133, .08);
	--vmh-c-paper:        #C6D4E6;  /* cool light-blue instead of warm beige */
	--vmh-c-sage:         #37C2D6;  /* cyan instead of muted green */
	--vmh-c-sage-soft:    rgba(55, 194, 214, .15);
	--vmh-c-sage-on-dark: #37C2D6;
	--vmh-c-bg:           #F5F8FC;
	--vmh-c-bg-alt:       #ECF2F8;
	--vmh-c-surface:      #FFFFFF;
	--vmh-c-text:         #14202E;
	--vmh-c-text-2:       #1B3A60;
	--vmh-c-text-soft:    #56697E;
	--vmh-c-text-mute:    #8A9AAD;
	--vmh-c-border:       #DCE4EE;
	--vmh-c-border-soft:  #ECF1F8;

	/* Extra tokens introduced by the marine palette (silver / gold accents).
	   Reserved for future widgets — not yet referenced by any selector. */
	--vmh-c-silver-light:  #37C2D6;
	--vmh-c-silver-strong: #1E55CC;
	--vmh-c-gold-light:    #37C2D6;
	--vmh-c-gold-strong:   #2D6BF0;

	/* Accent-warn — used by .vmh-path-card[data-stage="3"] and the scale tag.
	   Since --vmh-c-crimson is no longer red in this variant, stage 3 / scale
	   need their own non-token value so they keep their "warning" feel. */
	--vmh-c-warn:         #B23434;
	--vmh-c-warn-soft:    rgba(178, 52, 52, .08);

	/* Typography stacks */
	--vmh-f-display: 'Cabinet Grotesk', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	--vmh-f-body:    'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	--vmh-f-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
	--vmh-f-serif:   'DM Serif Display', Georgia, serif;  /* logo wordmark (mockup) */

	/* Type scale (unchanged) */
	--vmh-t-eyebrow: 0.7rem;
	--vmh-t-meta:    0.75rem;
	--vmh-t-body:    clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
	--vmh-t-lead:    clamp(1.0625rem, 1rem + 0.4vw, 1.1875rem);
	--vmh-t-h4:      clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
	--vmh-t-h3:      clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
	--vmh-t-h2:      clamp(1.875rem, 1.5rem + 1.6vw, 2.875rem);
	--vmh-t-h1:      clamp(2.5rem, 1.9rem + 3.5vw, 4.5rem);

	/* Spacing scale (unchanged) */
	--vmh-s-1: 0.25rem;  --vmh-s-2: 0.5rem;
	--vmh-s-3: 0.75rem;  --vmh-s-4: 1rem;
	--vmh-s-5: 1.25rem;  --vmh-s-6: 1.5rem;
	--vmh-s-7: 1.75rem;  --vmh-s-8: 2rem;
	--vmh-s-10: 2.5rem;  --vmh-s-12: 3rem;
	--vmh-s-14: 3.5rem;  --vmh-s-16: 4rem;
	--vmh-s-20: 5rem;    --vmh-s-24: 6rem;
	--vmh-section-y: clamp(4rem, 8vw, 6.5rem);

	/* Shadows — alpha blueprint pegged to the mockup's anchor reference */
	--vmh-sh-xs: 0 1px 2px rgba(14, 27, 44, .04);
	--vmh-sh-sm: 0 2px 8px rgba(14, 27, 44, .06);
	--vmh-sh-md: 0 8px 24px rgba(14, 27, 44, .08);
	--vmh-sh-lg: 0 16px 40px rgba(14, 27, 44, .12);

	/* Easing (unchanged) */
	--vmh-ease: cubic-bezier(0.16, 1, 0.3, 1);

	/* Layout (unchanged) */
	--vmh-container: 1240px;
	--vmh-gutter: clamp(1.25rem, 4vw, 2.5rem);

	/* Radii — sharp editorial corners kept identical to the original variant */
	--vmh-radius:    0;
	--vmh-radius-sm: 0;
	--vmh-radius-lg: 0;
}