/* Shared visual tokens. */

:root {
    --jp-ink: #1c1b1a;
    --jp-muted: #5c5f68;
    --jp-indigo: #1f2a44;
    --jp-vermillion: #c94f3d;
    --jp-gold: #d7a44b;
    --jp-paper: #f7f1e7;
    --jp-paper-2: #fff9f2;
    --jp-border: #e4d7c9;
    --jp-shadow: 0 12px 30px rgba(29, 27, 24, 0.12);
    --font-body: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-display: 'Sora', 'IBM Plex Sans', 'Segoe UI', sans-serif;
    --content-max-width: 1200px;
    --ui-space-xs: 4px;
    --ui-space-sm: 8px;
    --ui-space-md: 12px;
    --ui-space-lg: 16px;
    --ui-space-xl: 24px;
    --ui-radius-sm: 6px;
    --ui-radius-md: 8px;
    --ui-radius-lg: 12px;
    --ui-control-height: 40px;
    --ui-text-muted: var(--jp-muted);
    --ui-surface: #fff;
    --ui-danger: #b91c1c;
    --ui-danger-hover: #991b1b;
}