:root {
    --color-bg: #eef3f8;
    --color-card: #ffffff;
    --color-text: #1f2933;
    --color-muted: #6b7280;
    --color-line: #d7dee8;
    --color-primary: #1f6feb;
    --color-primary-soft: #e8f1ff;
    --color-gold: #c89b3c;

    --font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --radius-sm: .6rem;
    --radius-md: .9rem;
    --radius-lg: 1.2rem;
    --radius-xl: 1.6rem;

    --shadow-card: 0 1.5rem 4rem rgba(15, 23, 42, .16);
}

html {
    font-family: var(--font-base);
    color: var(--color-text);
    background: var(--color-bg);
}

body {
    background:
        radial-gradient(circle at top left, #dcecff, transparent 28rem),
        linear-gradient(135deg, #f7fafc, var(--color-bg));
}

.sr-only {
    position: absolute;
    width: .0625rem;
    height: .0625rem;
    padding: 0;
    margin: -.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}