/* === APPLE-INSPIRED THEME — CSS VARIABLES === */
:root {
    --apple-blue: #007AFF;
    --apple-blue-hover: #0051D5;
    --apple-gray: #6e6e73;
    --success: #34C759;
    --danger: #FF3B30;
    --warning: #FF9500;
    --bg: #FAF7F4;
    --bg-card: rgba(255, 255, 255, 0.85);
    --bg-input: #F5F0EC;
    --text: #1a1a1e;
    --text-secondary: #7A6E65;
    --text-tertiary: #A89888;
    --border: #E5DAD0;
    --border-subtle: rgba(200, 170, 140, 0.15);
    --shadow: rgba(0, 0, 0, 0.12);
    --transition-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);

    /* Desktop Command Center tokens */
    --sidebar-width: 240px;
    --sidebar-collapsed-width: 64px;
    --header-height: 56px;
    --bg-sidebar: rgba(255, 252, 248, 0.80);
    --bg-widget-hover: rgba(255, 248, 240, 0.95);
    --sidebar-active: rgba(255, 180, 80, 0.12);
    --accent-gradient: linear-gradient(135deg, #FF9F43, #FF6B6B);
    --accent-gradient-text: linear-gradient(135deg, #D4743C, #C44E4E);
}

/* === DARK MODE VARIABLES === */
body.dark-mode {
    --apple-blue: #0A84FF;
    --apple-blue-hover: #409CFF;
    --apple-gray: #98989D;
    --success: #32D74B;
    --danger: #FF453A;
    --warning: #FF9F0A;
    --bg: #000000;
    --bg-card: #1C1C1E;
    --bg-input: #2C2C2E;
    --text: #FFFFFF;
    --text-secondary: #98989D;
    --text-tertiary: #8E8E93;
    --border: #38383A;
    --border-subtle: #2C2C2E;
    --shadow: rgba(0, 0, 0, 0.4);

    /* Desktop Command Center tokens — dark */
    --bg-sidebar: #1C1C1E;
    --bg-widget-hover: #2C2C2E;
    --sidebar-active: rgba(10, 132, 255, 0.25);
    --accent-gradient: linear-gradient(135deg, #0A84FF, #5E5CE6);
    --accent-gradient-text: linear-gradient(135deg, #0A84FF, #5E5CE6);
}