:root {
    --radius-large: 16px;
    --radius-medium: 12px;
    --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.18);
    --glass-bg: rgba(255, 255, 255, 0.22);
    --glass-border: rgba(255, 255, 255, 0.35);
    --text-main: #0f172a;
    --text-sub: #64748b;
    --accent: #2563eb;
    --accent-soft: rgba(37, 99, 235, 0.12);
    --danger: #ef4444;
}

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text",
        "Segoe UI", Roboto, sans-serif;
    background: radial-gradient(circle at top left, #e0f2fe, #f9fafb);
    color: var(--text-main);
    height: 100vh;
    overflow: hidden;
}

.glass {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: var(--glass-bg);
    border-radius: var(--radius-large);
    border: 1px solid var(--glass-border);
}