/* =================================
   Theme Tokens (Color, Type, Space)
   Shared across all theme components
   ================================= */

:root {
	/* Light Theme */
	--color-bg-primary: #fdfbf7;
	--color-bg-secondary: #f5f1e8;
	--color-bg-tertiary: #ebe4d7;
	--color-surface: #ffffff;
	--color-text-primary: #141824;
	--color-text-secondary: #354053;
	--color-text-tertiary: #5b6679;
	--color-border: #e2d7c7;
	--color-border-strong: #c9bca8;
	--color-shadow: rgba(9, 15, 27, 0.06);
	--color-shadow-lg: rgba(9, 15, 27, 0.12);

	/* Palette */
	--color-primary: #0f766e;        /* Jade */
	--color-primary-light: #14b8a6;
	--color-accent: #f59e0b;         /* Amber */
	--color-success: #15803d;
	--color-warning: #f97316;
	--color-danger: #ef4444;

	/* Typography */
	--font-sans: 'Manrope', 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
	--font-display: 'Plus Jakarta Sans', 'Syne', 'Poppins', system-ui, sans-serif;
	--font-mono: 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;

	/* Sizing & Rhythm */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-7: 2rem;
	--space-8: 2.5rem;
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 18px;
	--max-width-content: 72ch;
	--max-width-wide: 1200px;

	/* Effects */
	--backdrop-blur: 10px;
	--backdrop-opacity: 0.85;
	--transition-speed: 0.3s;
	--transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
	--transition-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Dark Theme */
html.dark-theme {
	--color-bg-primary: #0f172a;
	--color-bg-secondary: #111827;
	--color-bg-tertiary: #1f2937;
	--color-surface: #161e31;
	--color-text-primary: #f5f7fb;
	--color-text-secondary: #d5dce8;
	--color-text-tertiary: #aeb6c7;
	--color-border: #263047;
	--color-border-strong: #3a4969;
	--color-shadow: rgba(0, 0, 0, 0.35);
	--color-shadow-lg: rgba(0, 0, 0, 0.55);

	/* Palette */
	--color-primary: #22d3ee;        /* Bright cyan */
	--color-primary-light: #67e8f9;
	--color-accent: #fbbf24;
	--color-success: #22c55e;
	--color-warning: #fb923c;
	--color-danger: #f87171;
}