/* ── Design Tokens ───────────────────────────────────────────── */
:root {
	/* Fonts */
	--font-base: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

	/* Type scale */
	--text-sm:   0.778rem;   /* 14px */
	--text-base: 1rem;       /* 18px */
	--text-lg:   1.111rem;   /* 20px */
	--text-xl:   1.333rem;   /* 24px */
	--text-2xl:  1.778rem;   /* 32px */
	--text-3xl:  2.222rem;   /* 40px */

	/* Colors */
	--color-text:           #111111;
	--color-text-muted:     #555555;
	--color-text-faint:     #888888;
	--color-bg:             #FFFFFF;
	--color-bg-soft:        #F7F7F7;
	--color-bg-hover:       #F0F0F0;
	--color-border:         #E0E0E0;
	--color-border-strong:  #CCCCCC;
	--color-accent:         #0066CC;
	--color-accent-hover:   #0055AA;
	--color-accent-visited: #004499;
	--color-highlight:      #FFF8E1;
	--color-highlight-border: #FFE082;
	--color-pillar-bg:      #1A1A2E;
	--color-pillar-text:    #FFFFFF;
	--color-progress:       #28A745;
	--color-danger:         #DC3545;
	--color-success:        #28A745;

	/* Layout */
	--sidebar-w:    300px;
	--context-w:    260px;
	--header-h:     56px;
	--content-max:  720px;
	--page-max:     1285px;
	--page-gutter:  2.5rem;
	--gap:          0px;

	/* Spacing */
	--space-1:  4px;
	--space-2:  8px;
	--space-3:  12px;
	--space-4:  16px;
	--space-5:  20px;
	--space-6:  24px;
	--space-8:  32px;
	--space-10: 40px;
	--space-12: 48px;
	--space-16: 64px;

	/* Radius */
	--radius-sm: 3px;
	--radius-md: 6px;
	--radius-lg: 10px;

	/* Shadows */
	--shadow-sm: 0 1px 3px rgba(0,0,0,.08);
	--shadow-md: 0 2px 8px rgba(0,0,0,.10);

	/* Transitions */
	--trans-fast: 120ms ease;
	--trans-base: 200ms ease;
}