/**
 * Design tokens for Library MCP dashboard.
 */
:root {
    --font-sans: "Aptos", "Segoe UI Variable", "Segoe UI", sans-serif;
    --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;

    --bg-page: #fbf8fa;
    --bg-page-accent: rgba(159, 32, 115, 0.08);
    --bg-page-glow: rgba(59, 29, 84, 0.08);
    --bg-card: rgba(255, 255, 255, 0.94);
    --bg-card-hover: rgba(59, 29, 84, 0.03);
    --bg-elevated: #ffffff;
    --bg-soft: #f7f2f8;
    --bg-muted: #ede7f3;

    --text-primary: #301c46;
    --text-secondary: #5f5874;
    --text-tertiary: #7d7390;
    --text-inverse: #fcf9ff;

    --accent-primary: #3b1d54;
    --accent-secondary: #9f2073;
    --accent-soft: #e8d9f0;
    --gradient-primary: linear-gradient(135deg, #3b1d54 0%, #9f2073 100%);

    --semantic-positive: #5f3b82;
    --semantic-negative: #b33f32;
    --semantic-warning: #8a4a76;

    --border-subtle: 1px solid rgba(59, 29, 84, 0.1);
    --border-strong: 1px solid rgba(159, 32, 115, 0.18);
    --divider: 1px solid rgba(59, 29, 84, 0.08);
    --focus-ring: 0 0 0 3px rgba(159, 32, 115, 0.14);

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-md: 1.0625rem;
    --text-lg: 1.25rem;
    --text-xl: 1.625rem;
    --text-2xl: 2.4rem;

    --lh-tight: 1.2;
    --lh-normal: 1.5;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-10: 40px;

    --section-gap: 28px;
    --card-padding: 28px;

    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-full: 9999px;

    --shadow-1: 0 18px 40px rgba(59, 29, 84, 0.08);
    --shadow-2: 0 24px 56px rgba(59, 29, 84, 0.12);
    --shadow-btn: 0 10px 24px rgba(59, 29, 84, 0.22);
}