:root {
    --body-color: #ffffff;
    --body-color-soft: #f7f7f8;
    --body-color-deep: #ededef;
    --text-color: #0a0a0a;
    --text-color-secondary: #4a4a4a;
    --text-color-muted: #8a8a8a;
    --navy: #1a2744;
    --navy-soft: #2a3d5f;
    --navy-light: rgba(26, 39, 68, 0.06);
    --border-color: rgba(10, 10, 10, 0.08);

    --font-primary: 'IBM Plex Mono', 'SF Mono', 'Menlo', monospace;
    --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --headline-xl: clamp(3rem, 6vw, 5.5rem);
    --headline-lg: clamp(2rem, 4vw, 3rem);
    --headline-md: clamp(1.4rem, 2.5vw, 1.8rem);
    --body-lg: 1.125rem;
    --body-md: 1rem;
    --body-sm: 0.875rem;
    --caption: 0.75rem;

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 3rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;
    --space-3xl: 10rem;

    --container-max: 900px;
    --container-padding: clamp(1.5rem, 5vw, 3rem);
    --transition: 0.3s ease;
}