:root {
    --bg-color: #f8f9fb;
    --cards-bg: #ffffff;
    --accent: #3cb371;
    --warning: #f5a623;
    --danger: #e74c3c;
    --text-main: #1e1e1e;
    --text-secondary: #6b7280;
    --border: #e5e7eb;

    --radius: 16px;
    --touch-target: 44px;
    --shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.05), 
                0px 4px 8px -2px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0px 12px 24px -8px rgba(0, 0, 0, 0.12);
}