:root {
	--slabd-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--slabd-font-email: Arial, sans-serif;

	/* Brand */
	--slabd-color-brand: #eedc01;
	--slabd-color-brand-strong: #e2d000;
	--slabd-color-brand-soft: #fff9cc;
	--slabd-color-brand-tint: #fffdf0;

	/* Text */
	--slabd-color-text: #111111;
	--slabd-color-text-muted: #5f6368;
	--slabd-color-link: #111111;
	--slabd-color-link-strong: #000000;

	/* Info / utility */
	--slabd-color-info-bg: #f5f7fa;
	--slabd-color-info-border: #d9dee5;
	--slabd-color-info-text: #1f2937;

	/* Email */
	--slabd-color-email-canvas: #f7f7f5;
	--slabd-color-email-canvas-alt: #f2f2ee;
	--slabd-color-email-panel: #ffffff;
	--slabd-color-email-table-head: #f5f5f2;
	--slabd-color-email-button-start: #111111;
	--slabd-color-email-summary-bg: #fbfbf9;

	/* Backgrounds / surfaces */
	--slabd-color-bg-canvas: #f7f7f5;
	--slabd-color-bg-surface: #ffffff;
	--slabd-color-bg-surface-alt: #fbfbf9;
	--slabd-color-bg-muted: #f2f2ee;
	--slabd-color-bg-table: #f8f8f6;

	/* Borders */
	--slabd-color-border: #e4e6ea;
	--slabd-color-border-soft: #eef0f3;

	/* Status */
	--slabd-color-success-bg: #edf9f0;
	--slabd-color-success-border: #85d39a;
	--slabd-color-warning-bg: #fff8d6;
	--slabd-color-warning-border: #e2c94c;
	--slabd-color-error-bg: #fff1f1;
	--slabd-color-error-border: #e27f74;
	--slabd-color-error-strong: #d63638;

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

	/* Radius */
	--slabd-radius-sm: 8px;
	--slabd-radius-md: 12px;
	--slabd-radius-lg: 14px;
	--slabd-radius-xl: 18px;
	--slabd-radius-pill: 999px;

	/* Shadows */
	--slabd-shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.06);
	--slabd-shadow-md: 0 8px 24px rgba(17, 17, 17, 0.08);
	--slabd-shadow-lg: 0 18px 48px rgba(17, 17, 17, 0.12);

	/* Typography */
	--slabd-font-size-xs: 12px;
	--slabd-font-size-sm: 14px;
	--slabd-font-size-md: 16px;
	--slabd-font-size-lg: 18px;
	--slabd-font-size-xl: 20px;
	--slabd-font-size-2xl: 24px;
	--slabd-font-size-3xl: 32px;
	--slabd-font-size-display: 44px;

	--slabd-line-height-tight: 1.1;
	--slabd-line-height-base: 1.5;
	--slabd-line-height-relaxed: 1.6;

	/* Optional new tokens for shared components */
	--slabd-color-dark: #0f172a;
	--slabd-color-dark-soft: #1f2937;
	--slabd-color-on-dark: #ffffff;

	--slabd-button-bg-primary: #0f172a;
	--slabd-button-text-primary: #ffffff;
	--slabd-button-bg-primary-hover: #111827;

	--slabd-button-bg-accent: #eedc01;
	--slabd-button-text-accent: #111111;
	--slabd-button-bg-accent-hover: #e2d000;

	--slabd-button-bg-secondary: #ffffff;
	--slabd-button-text-secondary: #111111;
	--slabd-button-border-secondary: #d5d9df;

	--slabd-focus-ring: 0 0 0 3px rgba(238, 220, 1, 0.28);
}