/* Dark Theme Variables */
:root {
    /* Base Colors */
    --bg-primary: #0f0f0f;
    --bg-secondary: #1a1a1a;
    --bg-tertiary: #2e2e2e;
    --bg-accent: #424242;

    /* Text Colors */
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-muted: #808080;

    /* Accent Colors */
    --accent-primary: #4fc3f7;
    --accent-secondary: #81d4fa;
    --accent-hover: #29b6f6;

    /* Button Colors */
    --btn-primary-bg: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
    --btn-primary-hover: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
    --btn-primary-border: #1565c0;
    --btn-primary-shadow: rgba(25, 118, 210, 0.3);
    --btn-primary-shadow-hover: rgba(25, 118, 210, 0.4);

    /* Status Colors */
    --success: #4caf50;
    --success-light: rgba(76, 175, 80, 0.2);
    --error: #f44336;
    --error-light: #ef5350;
    --error-bg: #ffcdd2;

    /* Border and Shadow */
    --border-light: rgba(255, 255, 255, 0.1);
    --border-medium: rgba(255, 255, 255, 0.2);
    --shadow-light: rgba(0, 0, 0, 0.2);
    --shadow-medium: rgba(0, 0, 0, 0.3);
    --shadow-strong: rgba(0, 0, 0, 0.4);

    /* Layout Colors */
    --sidebar-bg: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    --top-row-bg: rgba(0, 0, 0, 0.4);
    --nav-link: #d7d7d7;
    --nav-link-active: rgba(255, 255, 255, 0.37);
    --nav-link-hover: rgba(255, 255, 255, 0.1);

    /* Card Colors - Inspired by sidebar gradient */
    --card-hearts-bg: linear-gradient(135deg, #2d1b2d 0%, #4a0e4a 50%, #6b1a6b 100%);
    --card-hearts-text: #ff6b9d;
    --card-diamonds-bg: linear-gradient(135deg, #1a2d4a 0%, #0e4a6b 50%, #1a6b8a 100%);
    --card-diamonds-text: #4fc3f7;
    --card-clubs-bg: linear-gradient(135deg, #1b2d1b 0%, #0e4a0e 50%, #1a6b1a 100%);
    --card-clubs-text: #4caf50;
    --card-spades-bg: linear-gradient(135deg, #2d1b4a 0%, #4a0e6b 50%, #6b1a8a 100%);
    --card-spades-text: #ba68c8;

    /* Focus and Interaction */
    --focus-ring: rgba(79, 195, 247, 0.3);
    --focus-ring-outer: rgba(79, 195, 247, 0.1);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;

    /* Spacing */
    --border-radius-sm: 2px;
    --border-radius-md: 6px;
    --border-radius-lg: 8px;

    /* Typography */
    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
}