/* Nature-inspired color palette for TrailCurrent */
:root {
    /* Primary Colors */
    --primary: #52a441;
    --primary-hover: #469038;
    --secondary: #d0e2c7;
    --link: #83a79c;

    /* Status Colors */
    --success: #74fe00;
    --info: #48e6fe;
    --warning: #ffc107;
    --danger: #ff5453;

    /* Neutrals */
    --light: #ebebeb;
    --dark: #000000;
    --gray-100: #1a1a1a;
    --gray-200: #2a2a2a;
    --gray-300: #3a3a3a;
    --gray-400: #4a4a4a;
    --gray-500: #6a6a6a;
    --gray-600: #8a8a8a;
    --gray-700: #aaaaaa;
    --gray-800: #cacaca;

    /* Subtle Backgrounds */
    --primary-bg-subtle: #DCEDD9;
    --success-bg-subtle: rgba(116, 254, 0, 0.1);
    --info-bg-subtle: rgba(72, 230, 254, 0.1);
    --warning-bg-subtle: rgba(255, 193, 7, 0.1);
    --danger-bg-subtle: rgba(255, 84, 83, 0.1);

    /* Button Text */
    --btn-text: #000000;
    --btn-text-dark: #ffffff;

    /* Glow effects */
    --glow-primary: 0 0 20px rgba(82, 164, 65, 0.5);
    --glow-success: 0 0 20px rgba(116, 254, 0, 0.5);
    --glow-info: 0 0 20px rgba(72, 230, 254, 0.5);
    --glow-danger: 0 0 20px rgba(255, 84, 83, 0.5);
}

/* Dark theme (default) */
[data-theme="dark"] {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-card: #1a1a1a;
    --bg-card-hover: #252525;
    --text-primary: #ffffff;
    --text-secondary: #aaaaaa;
    --text-muted: #666666;
    --border-color: #333333;
    --nav-bg: rgba(10, 10, 10, 0.95);
    --header-bg: rgba(0, 0, 0, 0.9);
    --shadow-color: rgba(0, 0, 0, 0.5);
}

/* Light theme */
[data-theme="light"] {
    --bg-primary: #f5f5f5;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #f0f0f0;
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #888888;
    --border-color: #dddddd;
    --nav-bg: rgba(255, 255, 255, 0.95);
    --header-bg: rgba(245, 245, 245, 0.9);
    --shadow-color: rgba(0, 0, 0, 0.1);

    /* Adjusted glows for light theme */
    --glow-primary: 0 0 15px rgba(82, 164, 65, 0.3);
    --glow-success: 0 0 15px rgba(116, 254, 0, 0.3);
    --glow-info: 0 0 15px rgba(72, 230, 254, 0.3);
    --glow-danger: 0 0 15px rgba(255, 84, 83, 0.3);
}