:root {
    --color-bg: #f5f5f5;
    --color-surface: #fff;
    --color-text: #333;
    --color-text-muted: #555;
    --color-text-dim: #888;
    --color-border: #ddd;
    --color-border-light: #eee;
    --color-accent: #5c6bc0;
    --color-accent-hover: #4a59b0;
    --color-success: #2e7d32;
    --color-success-hover: #256428;
    --color-danger: #c62828;
    --color-header-bg: #1a1a2e;
    --radius: 6px;
    --radius-lg: 10px;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}