/* =====================================================================
   Snaproll v2 — design tokens
   ---------------------------------------------------------------------
   The single source of truth for the v2 design system.
   Imported by frontend/css/v2/base.css and by any page using v2 chrome.
   DO NOT inline these values anywhere. Always reference via var().

   Extracted verbatim from design/v2/prototype/src/styles.css :root.
   If the prototype updates, sync these — keep the two in lock-step.

   Distinctive design move: "The Aperture" — see js/v2/aperture.js
   ===================================================================== */

:root {
	/* ---- Ink (text) palette ------------------------------------------ */
	--v2-ink:        #0B1B2B;        /* primary text */
	--v2-ink-2:      #1F2D40;        /* secondary text */
	--v2-muted:      #5C6B7A;        /* placeholder, sub-meta */
	--v2-soft:       #8593A2;        /* even softer meta */
	--v2-hair:       #ECE7DC;        /* warm hairline borders (paper surfaces) */
	--v2-hair-cool:  #E5EAF1;        /* cool hairline (data-table surfaces) */

	/* ---- Surfaces ---------------------------------------------------- */
	--v2-paper:      #F6F2E9;        /* warm Indian-paper cream */
	--v2-paper-deep: #EFE8D6;
	--v2-canvas:     #FBFAF5;        /* default page background */
	--v2-card:       #FFFFFF;

	/* ---- Brand (cool indigo) ----------------------------------------- */
	--v2-blue:       #2A6FDB;
	--v2-blue-deep:  #1E54B0;
	--v2-blue-soft:  #E6EEFB;
	--v2-blue-ink:   #0A2B6B;

	/* ---- Accents (warm Indian context, not childish) ----------------- */
	--v2-saffron:      #E0832D;
	--v2-saffron-soft: #FBEFE1;
	--v2-green:        #1F8A5B;
	--v2-green-soft:   #E2F2EA;
	--v2-red:          #C8341F;
	--v2-red-soft:     #FBE7E2;
	--v2-amber:        #C28A14;
	--v2-amber-soft:   #FAF1D5;

	/* ---- Elevation (composite shadows for layered surfaces) ---------- */
	--v2-sh-1: 0 1px 2px rgba(11, 27, 43, 0.06), 0 1px 1px rgba(11, 27, 43, 0.04);
	--v2-sh-2: 0 4px 14px rgba(11, 27, 43, 0.07), 0 2px 4px rgba(11, 27, 43, 0.04);
	--v2-sh-3: 0 18px 40px rgba(11, 27, 43, 0.14), 0 6px 14px rgba(11, 27, 43, 0.06);
	--v2-sh-blue: 0 14px 30px rgba(42, 111, 219, 0.30);

	/* ---- Radii ------------------------------------------------------- */
	--v2-r-1: 8px;       /* schema tags, small chips */
	--v2-r-2: 14px;      /* inputs, small cards */
	--v2-r-3: 22px;      /* large cards, modals */
	--v2-r-4: 28px;      /* hero cards, CTA banners */

	/* ---- Spacing scale (use ONLY these; no arbitrary px) ------------- */
	--v2-s-1:  4px;
	--v2-s-2:  8px;
	--v2-s-3: 12px;
	--v2-s-4: 16px;
	--v2-s-5: 24px;
	--v2-s-6: 32px;
	--v2-s-7: 48px;
	--v2-s-8: 64px;

	/* ---- Type families ----------------------------------------------- */
	--v2-font-ui:    "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--v2-font-mono:  "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
	--v2-font-accent:"Fraunces", Georgia, serif;                  /* hero italic only */
	--v2-font-hand:  "Caveat", "Bradley Hand", cursive;           /* decorative only */

	/* ---- Type sizes -------------------------------------------------- */
	--v2-h-display: clamp(40px, 5.5vw, 68px);  /* landing hero H1 */
	--v2-h-1:       32px;
	--v2-h-2:       22px;
	--v2-h-3:       17px;
	--v2-body:      14px;
	--v2-sm:        13px;
	--v2-xs:        11.5px;
}