:root {
    --primary: #108377;
    --secondary: #00cec9;
    --dark: #0f0f1a;
    --darker: #080811;
    --light: #f8f9fa;
    --success: #00b894;
    --danger: #d63031;
    --warning: #fdcb6e;
    --text-primary: #0f0f1a;
    --text-secondary: rgba(15, 15, 26, 0.7);
    --nav-active: #00cec9;
    --btc: #f7931a;
    --eth: #627eea;
    --sol: #00ffa3;
    --usdt: #26a17b;
    --avax: #e84142;
    --ton: #0088cc;
    --bg: #ffffff;
    --card-bg: #f8f9fa;
    --border: rgba(15, 15, 26, 0.1);
    --primary-color: #0f3460;
    --secondary-color: #00b894;
    --text-color: #333;
    --bg-color: #f5f6fa;
    --section-title-color: #2d3436;
    --see-all-color: #0984e3;
    --category-bg: #ffffff;
    --modal-bg: #ffffff;
    --modal-content-bg: #f5f6fa;
}

.dark-mode {
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --bg: #0f0f1a;
    --card-bg: rgba(255, 255, 255, 0.04);
    --border: rgba(255, 255, 255, 0.1);
    --primary-color: #1e272e;
    --secondary-color: #00cec9;
    --text-color: #f5f6fa;
    --bg-color: #2d3436;
    --section-title-color: #dfe6e9;
    --see-all-color: #74b9ff;
    --category-bg: #2d3436;
    --modal-bg: #1e272e;
    --modal-content-bg: #2d3436;
}