:root {
    --font-sans: "IBM Plex Sans", "Segoe UI", "Noto Sans", sans-serif;
    --font-display: "IBM Plex Sans", "Segoe UI", "Noto Sans", sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;

    --ink: #1b1d1f;
    --ink-muted: #4f565e;
    --ink-soft: #707780;

    --surface: #f6f7f8;
    --surface-elevated: #ffffff;
    --surface-strong: #ffffff;

    --stroke: rgba(15, 23, 42, 0.12);
    --stroke-strong: rgba(15, 23, 42, 0.2);

    --accent: #1b7f79;
    --accent-strong: #0f5e59;
    --accent-alt: #e76f51;
    --accent-soft: #f7cfac;

    --shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.12);
    --shadow-md: 0 12px 24px rgba(15, 23, 42, 0.1);
    --shadow-sm: 0 6px 12px rgba(15, 23, 42, 0.08);

    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;

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

    --container-padding: clamp(16px, 2.5vw, 32px);
    --panel-min-width: 280px;
    --transition: 0.25s ease;
}