/**
 * Design Tokens for IAI YPBWI Surabaya Theme
 */
:root {
	/* Brand Colors */
	--color-primary: #6D28D9;
	--color-primary-hover: #7C3AED;
	--color-primary-dark: #4C1D95;
	--color-primary-light: #F5F3FF;
	--color-primary-subtle: #EDE9FE;

	/* Accent Gold */
	--color-gold: #FBBF24;
	--color-gold-hover: #F59E0B;
	--color-gold-dark: #D97706;
	--color-gold-light: #FEF3C7;

	/* Slate Neutrals */
	--color-slate-900: #0F172A;
	--color-slate-800: #1E293B;
	--color-slate-700: #334155;
	--color-slate-600: #475569;
	--color-slate-500: #64748B;
	--color-slate-400: #94A3B8;
	--color-slate-300: #CBD5E1;
	--color-slate-200: #E2E8F0;
	--color-slate-100: #F1F5F9;
	--color-slate-50: #F8FAFC;
	--color-white: #FFFFFF;

	/* Typography */
	--font-primary: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

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

	/* Radius */
	--radius-button: 10px;
	--radius-input: 10px;
	--radius-card: 16px;
	--radius-card-lg: 20px;
	--radius-hero: 24px;
	--radius-modal: 20px;

	/* Layout Container */
	--container-max-width: 1280px;

	/* Shadows */
	--shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
	--shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.06);
	--shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
	--shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.10);

	/* Transitions */
	--transition-fast: 0.15s ease;
	--transition-base: 0.25s ease;
}