:root {
    /* Color Palette - Premium Sleek Dark SaaS Theme */
    --bg-base: #0a0d14;
    --bg-surface: #111622;
    --bg-surface-elevated: #171f30;
    --bg-surface-glass: rgba(17, 22, 34, 0.78);
    --bg-card: rgba(23, 31, 48, 0.85);
    --bg-card-hover: rgba(30, 41, 64, 0.95);

    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-medium: rgba(255, 255, 255, 0.15);
    --border-focus: #10b981;

    /* Brand Accents */
    --primary: #10b981; /* Cyber Emerald */
    --primary-glow: rgba(16, 185, 129, 0.28);
    --primary-hover: #059669;
    --primary-light: #d1fae5;

    --accent-cyan: #06b6d4;
    --accent-cyan-glow: rgba(6, 182, 212, 0.25);
    --accent-indigo: #6366f1;
    --accent-purple: #8b5cf6;

    /* Semantic Status */
    --success: #10b981;
    --success-bg: rgba(16, 185, 129, 0.12);
    --warning: #f59e0b;
    --warning-bg: rgba(245, 158, 11, 0.12);
    --danger: #ef4444;
    --danger-bg: rgba(239, 68, 68, 0.12);
    --danger-glow: rgba(239, 68, 68, 0.35);
    --info: #3b82f6;
    --info-bg: rgba(59, 130, 246, 0.12);

    /* Text Colors */
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-inverse: #0a0d14;

    /* Slack Theme Simulation Colors */
    --slack-aubergine: #3f0e40;
    --slack-sidebar-bg: #19171d;
    --slack-hover-bg: #27242c;
    --slack-active-bg: #1164a3;
    --slack-chat-bg: #1a1d21;
    --slack-card-bg: #222529;
    --slack-border: #383a40;
    --slack-text: #d1d2d3;
    --slack-muted: #868686;
    --slack-green: #007a5a;

    /* MS Teams Theme Colors */
    --teams-bg: #201f1f;
    --teams-sidebar: #2b2b2b;
    --teams-accent: #6264a7;

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans TC', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

    /* Shadows & Blur */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.55);
    --shadow-glow: 0 0 20px var(--primary-glow);
    --blur-glass: blur(12px);

    /* Transitions & Radii */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}