:root {
    --blue-700: oklch(0.42 0.15 258);
    --blue-600: oklch(0.50 0.18 257);
    --blue-500: oklch(0.57 0.20 256);
    --blue-400: oklch(0.66 0.17 255);
    --blue-100: oklch(0.93 0.04 255);
    --blue-50: oklch(0.965 0.018 255);
    --red-600: oklch(0.54 0.21 27);
    --red-500: oklch(0.61 0.22 28);
    --red-100: oklch(0.93 0.05 28);
    --ink-900: oklch(0.24 0.025 258);
    --ink-700: oklch(0.40 0.02 258);
    --ink-500: oklch(0.56 0.018 258);
    --ink-300: oklch(0.78 0.012 258);
    --paper: oklch(0.99 0.004 255);
    --paper-2: oklch(0.975 0.008 255);
    --surface: oklch(1 0 0);
    --line: oklch(0.91 0.008 258);
    --brand: var(--blue-600);
    --brand-strong: var(--blue-700);
    --accent: var(--red-500);
    --r-sm: 10px;
    --r-md: 16px;
    --r-lg: 24px;
    --r-xl: 32px;
    --r-2xl: 40px;
    --shadow-sm: 0 1px 2px oklch(0.4 0.03 258 / .06), 0 2px 6px oklch(0.4 0.03 258 / .05);
    --shadow-md: 0 8px 24px oklch(0.4 0.05 258 / .10), 0 2px 6px oklch(0.4 0.03 258 / .05);
    --shadow-lg: 0 24px 60px oklch(0.4 0.06 258 / .16), 0 8px 20px oklch(0.4 0.04 258 / .08);
    --shadow-blue: 0 18px 40px oklch(0.50 0.18 257 / .28);
    --maxw: 1200px;
    --ease: cubic-bezier(.22, .61, .36, 1);

    --mc-font-body: "Plus Jakarta Sans", system-ui, sans-serif;
    --mc-font-display: "Bricolage Grotesque", system-ui, sans-serif;
    --mc-primary: var(--blue-600);
    --mc-primary-strong: var(--blue-700);
    --mc-primary-soft: var(--blue-50);
    --mc-accent: var(--red-500);
    --mc-accent-soft: var(--red-100);
    --mc-danger: oklch(0.52 0.20 25);
    --mc-danger-soft: oklch(0.95 0.04 25);
    --mc-success: oklch(0.52 0.14 155);
    --mc-success-soft: oklch(0.95 0.04 155);
    --mc-text: var(--ink-900);
    --mc-text-muted: var(--ink-500);
    --mc-surface: var(--surface);
    --mc-surface-soft: var(--paper-2);
    --mc-line: var(--line);
    --mc-radius-sm: var(--r-sm);
    --mc-radius-md: var(--r-md);
    --mc-radius-lg: var(--r-lg);
    --mc-radius-xl: var(--r-xl);
    --mc-shadow-sm: var(--shadow-sm);
    --mc-shadow-md: var(--shadow-md);
    --mc-shadow-lg: var(--shadow-lg);
    --mc-ease: var(--ease);
}