:root {
    --wf-bg: #f6f8fc;
    --wf-bg-soft: #eef4ff;
    --wf-card: rgba(255, 255, 255, 0.92);
    --wf-card-solid: #ffffff;
    --wf-text: #111827;
    --wf-muted: #64748b;
    --wf-faint: #94a3b8;
    --wf-line: rgba(148, 163, 184, 0.24);
    --wf-primary: #2563eb;
    --wf-primary-2: #7c3aed;
    --wf-primary-soft: rgba(37, 99, 235, 0.10);
    --wf-success: #16a34a;
    --wf-warning: #f59e0b;
    --wf-danger: #ef4444;
    --wf-radius-sm: 10px;
    --wf-radius-md: 16px;
    --wf-radius-lg: 24px;
    --wf-radius-xl: 32px;
    --wf-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.06);
    --wf-shadow-md: 0 18px 48px rgba(15, 23, 42, 0.10);
    --wf-shadow-lg: 0 28px 80px rgba(15, 23, 42, 0.14);
    --wf-container: 1160px;
}

html {
    min-height: 100%;
    background: var(--wf-bg);
}

body {
    min-height: 100%;
    color: var(--wf-text);
    background:
        radial-gradient(circle at 8% 12%, rgba(37, 99, 235, 0.10), transparent 34%),
        radial-gradient(circle at 86% 8%, rgba(124, 58, 237, 0.10), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, var(--wf-bg) 42%, #ffffff 100%);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: var(--wf-primary);
}

a:hover,
a:focus {
    color: var(--wf-primary-2);
    text-decoration: none;
}

::selection {
    background: rgba(37, 99, 235, 0.18);
}

img {
    max-width: 100%;
}