:root {
    --color-primary: #1b5e20;
    --color-primary-light: #4caf50;
    --color-success: #2ecc71;
    --color-danger: #e74c3c;
    --color-warning: #f1c40f;
    --color-info: #3498db;
    --color-pink: #e84393;
    --color-bg: #f8f9fa;
    --color-card: #ffffff;
    --color-text: #2c3e50;
    --color-text-muted: #7f8c8d;
    --color-border: #eeeeee;
    --color-dark: #34495e;
    
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-sm: 0 2px 6px rgba(0,0,0,0.04);
    --shadow-md: 0 6px 18px rgba(0,0,0,0.08);
}

[data-theme="dark"] {
    --color-primary: #2e7d32;
    --color-bg: #121212;
    --color-card: #1e1e1e;
    --color-text: #f5f6fa;
    --color-text-muted: #a4b0be;
    --color-border: #2f3640;
    --color-pink: #fd79a8;
    --color-dark: #1e1e1e;
    --shadow-sm: 0 2px 6px rgba(0,0,0,0.2);
    --shadow-md: 0 6px 18px rgba(0,0,0,0.4);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    color: var(--color-text);
    background: var(--color-bg);
    transition: background 0.3s, color 0.3s, border-top 0.3s;
}