/* ============================================================
   CertREV, Spacing, radius, shadow & layout tokens
   ------------------------------------------------------------
   4px base grid. Radii follow the portal scale (tag 8 → input/
   button 12 → card 16) plus the editorial 6/8/10 used in emails.
   Shadows are soft and navy-tinted, never neutral gray.
   ============================================================ */

:root {
	/* ---- Spacing scale (4px base) ---- */
	--space-0: 0;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--space-6: 24px;
	--space-8: 32px;   /* card padding */
	--space-10: 40px;  /* email card padding */
	--space-12: 48px;
	--space-16: 64px;
	--space-20: 80px;  /* section rhythm */
	--space-24: 96px;

	/* ---- Radius ---- */
	--radius-xs: 4px;    /* chips, lime tags, mono pills */
	--radius-sm: 6px;    /* editorial buttons, email surfaces */
	--radius-md: 8px;    /* tags, badges, email card */
	--radius-lg: 12px;   /* buttons, inputs, selects */
	--radius-xl: 16px;   /* cards, modals */
	--radius-2xl: 20px;
	--radius-full: 9999px;

	/* ---- Borders ---- */
	--border-hair: 1px solid var(--navy-10);
	--border-card: 2px solid var(--navy-10);
	--border-strong: 1.5px solid var(--navy);   /* "manila folder" frame */
	--border-width-card: 2px;

	/* ---- Shadows (navy-tinted, soft) ---- */
	--shadow-xs: 0 1px 0 rgba(10, 27, 63, 0.04);
	--shadow-sm: 0 1px 2px rgba(10, 27, 63, 0.06), 0 1px 1px rgba(10, 27, 63, 0.04);
	--shadow-md: 0 4px 12px rgba(10, 27, 63, 0.08);
	--shadow-lg: 0 10px 30px rgba(10, 27, 63, 0.10);
	--shadow-xl: 0 20px 50px rgba(10, 27, 63, 0.14);
	--shadow-folder: 0 2px 10px rgba(10, 27, 63, 0.08);  /* email manila frame */
	--shadow-email: 0 1px 0 rgba(10, 27, 63, 0.04), 0 12px 36px rgba(10, 27, 63, 0.07);

	/* ---- Focus ring ---- */
	--ring-coral: 0 0 0 2px var(--surface), 0 0 0 4px var(--coral);

	/* ---- Motion ---- */
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
	--dur-fast: 200ms; /* @kind other */
	--dur-base: 300ms; /* @kind other */
	--dur-slow: 600ms; /* @kind other */

	/* ---- Layout ---- */
	--email-width: 600px;
	--content-max: 1200px;
	--prose-max: 720px;
}