/* ===== Sidetalk Design Tokens ===== */
:root {
	/* Primary Colors */
	--st-primary: #00b0ed;
	--st-primary-hover: #008cd2;
	--st-primary-light: rgba(0, 176, 237, 0.1);
	--st-primary-lighter: rgba(0, 176, 237, 0.05);

	/* Semantic Colors */
	--st-success: #10B981;
	--st-success-hover: #059669;
	--st-success-light: rgba(16, 185, 129, 0.1);
	--st-warning: #F59E0B;
	--st-warning-hover: #D97706;
	--st-warning-light: rgba(245, 158, 11, 0.1);
	--st-danger: #EF4444;
	--st-danger-hover: #DC2626;
	--st-danger-light: rgba(239, 68, 68, 0.1);

	/* Text Colors */
	--st-text-primary: #18181B;
	--st-text-secondary: #52525B;
	--st-text-muted: #71717A;
	--st-text-hint: #A1A1AA;
	--st-text-inverse: #FFFFFF;

	/* Legacy Text Colors (for gradual migration) */
	--st-text-dark: #333;
	--st-text-gray: #555;
	--st-text-light-gray: #666;
	--st-text-lighter: #777;
	--st-text-lightest: #999;

	/* Background Colors */
	--st-bg-primary: #FFFFFF;
	--st-bg-secondary: #F4F4F5;
	--st-bg-tertiary: #FAFAFA;
	--st-bg-hover: #F4F4F5;

	/* Border Colors */
	--st-border: #E4E4E7;
	--st-border-light: #ededed;
	--st-border-lighter: #ddd;
	--st-border-focus: var(--st-primary);

	/* Border Radius */
	--st-radius-xs: 4px;
	--st-radius-sm: 8px;
	--st-radius-md: 12px;
	--st-radius-lg: 16px;
	--st-radius-xl: 20px;
	--st-radius-full: 9999px;

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

	/* Typography */
	--st-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
	--st-font-size-xs: 11px;
	--st-font-size-sm: 13px;
	--st-font-size-base: 15px;
	--st-font-size-lg: 18px;
	--st-font-size-xl: 22px;
	--st-font-size-2xl: 28px;

	/* Shadows */
	--st-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--st-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	--st-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
	--st-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

	/* Transitions */
	--st-transition-fast: 150ms ease;
	--st-transition-normal: 200ms ease-in-out;
	--st-transition-smooth: 300ms cubic-bezier(0.16, 1, 0.3, 1);

	/* Z-index */
	--st-z-dropdown: 1000;
	--st-z-modal: 10000;
	--st-z-toast: 100000;
}