:root {
    --bg: #ffffff;
    --bg-subtle: #f5f8fc;
    --surface-sunken: #f8fafc;
    --surface-hover: #f1f5f9;
    --border: #e2e8f0;
    --border-strong: #cbd5e1;

    --text: #0f172a;
    --text-muted: #64748b;
    --text-faint: #94a3b8;

    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-subtle: #eff6ff;

    --danger: #dc2626;
    --danger-subtle: #fef2f2;
    --danger-border: #fca5a5;

    --warning-subtle: #fef3c7;
    --warning-text: #92400e;

    --success-subtle: #dcfce7;
    --success-text: #166534;

    --info-subtle: #e0e7ff;
    --info-text: #3730a3;

    --radius: 10px;
    --radius-lg: 12px;
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);
    --shadow-float: 0 4px 16px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);

    --font-sans: -apple-system, "SF Pro Text", Inter, system-ui, sans-serif;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;

    --text-2xs: 11px;
    --text-xs: 13px;
    --text-sm: 15px;
    --text-base: 17px;
    --text-lg: 22px;
    --text-xl: 28px;
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-sans);
    font-size: var(--text-base);
}

a:not([class*="text-"]) {
    color: var(--accent);
}

a:not([class*="text-"]):hover {
    color: var(--accent-hover);
}