:root {
    --bg: #f6f7fb;
    --surface: #ffffff;
    --ink: #1b1b1b;
    --muted: #5f6368;
    --accent: #1976d2;
    --accent-2: #10b981;
    --accent-soft: rgba(25, 118, 210, 0.12);
    --shadow: 0 12px 32px rgba(18, 38, 63, 0.08);
}

.app-body {
    font-family: "Manrope", sans-serif;
    background: var(--bg);
    color: var(--ink);
    min-height: 100vh;
}

a {
    text-decoration: none;
}

.text-muted {
    color: var(--muted) !important;
}