/*
 * TechLaugh — design tokens
 * Extracted from the Stitch "Authority Tech Media" design system.
 * One source of truth for color, type, spacing, radius, elevation.
 */

:root {
	/* Brand */
	--tl-ink:        #0F172A; /* Tech Blue — authority surfaces, headings */
	--tl-ink-2:      #131b2e;
	--tl-indigo:     #4F46E5; /* Action — primary buttons, links, nav active */
	--tl-indigo-600: #4338CA;
	--tl-amber:      #F59E0B; /* Affiliate/money CTAs ONLY */
	--tl-amber-600:  #D97706;
	--tl-green:      #10B981; /* Trust — pros, verified, scores */
	--tl-green-bg:   rgba(16,185,129,0.10);

	/* Surfaces */
	--tl-surface:    #F7F9FB; /* page canvas (Level 0) */
	--tl-card:       #FFFFFF; /* card surface (Level 1) */
	--tl-surface-2:  #F2F4F6;

	/* Slate scale */
	--tl-slate-50:  #F8FAFC;
	--tl-slate-100: #F1F5F9;
	--tl-slate-200: #E2E8F0;
	--tl-slate-300: #CBD5E1;
	--tl-slate-400: #94A3B8;
	--tl-slate-500: #64748B;
	--tl-slate-600: #475569;
	--tl-slate-700: #334155;
	--tl-slate-900: #0F172A;

	/* Text */
	--tl-text:        #191c1e;
	--tl-text-muted:  #45464d;
	--tl-text-dim:    #76777d;

	/* Type */
	--tl-font-display: 'Geist', system-ui, -apple-system, sans-serif;
	--tl-font-body:    'Inter', system-ui, -apple-system, sans-serif;

	/* Radius */
	--tl-r-sm:   0.25rem;
	--tl-r:      0.5rem;  /* controls */
	--tl-r-md:   0.75rem;
	--tl-r-lg:   1rem;    /* cards */
	--tl-r-pill: 9999px;

	/* Spacing */
	--tl-gutter:    24px;
	--tl-container: 1280px;
	--tl-stack-sm:  8px;
	--tl-stack-md:  16px;
	--tl-stack-lg:  32px;

	/* Elevation */
	--tl-shadow-1: 0 4px 6px -1px rgba(15,23,42,0.05), 0 2px 4px -2px rgba(15,23,42,0.04);
	--tl-shadow-2: 0 10px 15px -3px rgba(15,23,42,0.08), 0 4px 6px -4px rgba(15,23,42,0.05);
	--tl-border:   1px solid var(--tl-slate-200);
}