:root {
    /* Primary */
    --wb-primary: #6366f1;
    --wb-primary-hover: #4f46e5;
    --wb-primary-light: #e0e7ff;

    /* Status */
    --wb-danger: #ef4444;
    --wb-success: #22c55e;
    --wb-warning: #eab308;
    --wb-info: #3b82f6;

    /* Recording frame colors */
    --wb-frame-preview: #22c55e;
    --wb-frame-recording: #ef4444;
    --wb-frame-paused: #eab308;

    /* Dim overlay */
    --wb-dim-opacity: 0.6;

    /* Webcam */
    --wb-webcam-size: 180px;

    /* Teleprompter */
    --teleprompter-opacity: 0.7;

    /* Settings panel */
    --wb-settings-width: 860px;

    /* Recording controls */
    --wb-controls-bg: rgba(30, 30, 30, 0.9);
    --wb-controls-radius: 12px;

    /* Floating dark mode surfaces */
    --wb-float-dark-surface: #111827;
    --wb-float-dark-surface-soft: #1f2937;
    --wb-float-dark-surface-overlay: rgba(17, 24, 39, 0.92);
    --wb-float-dark-surface-hover: #374151;
    --wb-float-dark-text: #f9fafb;
    --wb-float-dark-text-muted: #cbd5e1;
    --wb-float-dark-border: #374151;
    --wb-float-dark-accent-text: #a5b4fc;
    --wb-float-dark-accent-bg: rgba(99, 102, 241, 0.22);
    --wb-float-dark-danger-text: #fca5a5;
    --wb-board-dark-bg: #0f172a;

    /* Backgrounds */
    --wb-bg-primary: #ffffff;
    --wb-bg-secondary: #f9fafb;
    --wb-bg-tertiary: #f3f4f6;

    /* Text */
    --wb-text-primary: #111827;
    --wb-text-secondary: #6b7280;
    --wb-text-tertiary: #9ca3af;
    --wb-text-inverse: #ffffff;

    /* Borders */
    --wb-border: #e5e7eb;
    --wb-border-light: #f3f4f6;

    /* Shadows */
    --wb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --wb-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --wb-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --wb-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);

    /* Border radius */
    --wb-radius-sm: 4px;
    --wb-radius-md: 8px;
    --wb-radius-lg: 12px;
    --wb-radius-xl: 16px;
    --wb-radius-full: 9999px;

    /* Typography */
    --wb-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --wb-font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;

    /* Z-index layers */
    --z-excalidraw: 1;
    --z-dim-overlay: 10;
    --z-recording-frame: 20;
    --z-webcam: 55;
    --z-teleprompter: 35;
    --z-controls: 40;
    --z-settings: 50;
    --z-processing: 90;
    --z-modal: 100;
    --z-toast: 200;

    /* Transitions */
    --wb-transition-fast: 150ms ease;
    --wb-transition-normal: 250ms ease;
    --wb-transition-slow: 350ms ease;
}