/* =====================================================================
   CTS Design Tokens — "Fleet" system (v2, modern)
   Deep navy + electric blue + clean cool-grey/white. Sora + Inter.
   Photography-led, full-bleed. Loaded first; theme + plugin both consume.
   ===================================================================== */
:root {
	/* Brand — deep navy ink */
	--cts-ink:        #07182C;
	--cts-ink-900:    #020B17;
	--cts-ink-700:    #0B2447;
	--cts-ink-600:    #123059;

	/* Primary action — electric blue */
	--cts-brand:      #1065FF;
	--cts-brand-700:  #0B4ED1;
	--cts-brand-500:  #1065FF;
	--cts-brand-tint: #E7F0FF;

	/* Accent — same electric blue family (strong CTAs / highlights) */
	--cts-accent:      #1065FF;
	--cts-accent-700:  #0B4ED1;
	--cts-accent-soft: #DDE9FF;

	/* Extra brand accents (from comp) */
	--cts-cyan:   #00B8FF;
	--cts-teal:   #13C7BF;
	--cts-yellow: #FFD318;
	--cts-cream:  #FFF7D9;

	/* Neutrals — clean & cool (NO cream) */
	--cts-paper:    #FFFFFF;
	--cts-surface:  #FFFFFF;
	--cts-stone:    #F4F6FA;
	--cts-stone-2:  #ECF0F6;
	--cts-line:     #E3E8EF;
	--cts-line-2:   #CBD5E1;
	--cts-text:     #0B1F33;
	--cts-text-2:   #33455A;
	--cts-muted:    #64748B;
	--cts-on-ink:   #C9D6E4;
	--cts-on-ink-muted: #8DA2B8;

	/* Semantic */
	--cts-verified:    #15A66B;
	--cts-verified-bg: #E7F6EF;
	--cts-danger:      #DC4438;
	--cts-danger-bg:   #FCEBEA;
	--cts-warn:        #B7791F;
	--cts-warn-bg:     #FBF1DC;
	--cts-info-bg:     #EAF1FF;

	/* Type — single global family. Acumin Pro (Adobe Fonts) is first; until the
	   Adobe web-project is added it falls back to Libre Franklin (closest free
	   match, loaded now). Both display + body use it. */
	--cts-font-display: "acumin-pro", "Libre Franklin", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	--cts-font-body: "acumin-pro", "Libre Franklin", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
	/* Reverted to the brand sans — no typeface change anywhere. (Token kept so
	   existing references resolve to the brand font instead of a serif.) */
	--cts-font-serif: var(--cts-font-display);

	/* Geometry */
	--cts-wrap: 1200px;
	--cts-wrap-wide: 1320px;
	--cts-wrap-narrow: 760px;
	--cts-radius: 12px;
	--cts-radius-sm: 8px;
	--cts-radius-lg: 20px;
	--cts-gap: clamp(1.25rem, 2.4vw, 2rem);
	--cts-section-y: clamp(4rem, 7.5vw, 7rem);

	/* Elevation (modern, soft) */
	--cts-shadow-sm: 0 1px 2px rgba(11,31,51,.07);
	--cts-shadow:    0 12px 32px -14px rgba(11,31,51,.22);
	--cts-shadow-lg: 0 34px 70px -30px rgba(8,23,38,.55);

	/* Legacy aliases */
	--cts-btn-primary-bg: var(--cts-brand);
	--cts-btn-primary-bg-hover: var(--cts-brand-700);
}