:root {
    /* Apple-style Color Palette (DARK MODE ONLY) */
    --color-bg-body: #000000;
    --color-bg-card: #1C1C1E;
    --color-bg-alt: #161618;
    --color-text-primary: #F5F5F7;
    --color-text-secondary: #98989D;

    --color-accent: #0071E3;
    /* Apple Blue */
    --color-accent-hover: #0077ED;
    --color-success: #34C759;
    --color-border: #38383A;
    --gradient-text: linear-gradient(135deg, #FFFFFF 0%, #86868B 100%);

    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    /* Spacing & Layout */
    --container-max-width: 1200px;
    --header-height: 60px;
    --radius-lg: 20px;
    --radius-md: 12px;
    --radius-sm: 8px;

    /* Effects */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    /* Soft depth */
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
    /* Lifted state - darkened for dark mode */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    /* Smooth Apple-like eaasing */
}