:root {
    --brand-primary: #111111;
    --brand-secondary: #000000;
    --brand-accent: #111111;
    --brand-on-primary: #F7F7F7;
    --brand-bg: #F4F4F4;
    --color-text: #1A1A1A;
    --color-text-muted: #737373;
    --color-border: #E2E2E2;
    --brand-50: #F2F2F2;
    --brand-100: #E3E3E3;
    --brand-200: #C6C6C6;
    --brand-300: #9E9E9E;
    --brand-400: #6E6E6E;
    --brand-500: #111111;
    --brand-600: #0D0D0D;
    --brand-700: #0A0A0A;
    --brand-800: #060606;
    --brand-900: #000000;
    --font-heading: 'DM Sans', system-ui, sans-serif;
    --font-body: 'DM Sans', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    --font-size-h1: 48px;
    --font-size-h2: 36px;
    --font-size-h3: 28px;
    --font-size-h4: 22px;
    --font-size-body: 16px;
    --font-size-small: 14px;
    --font-size-micro: 12px;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --spacing-unit: 8px;
    --spacing-0: 4px;
    --spacing-1: 8px;
    --spacing-2: 12px;
    --spacing-3: 16px;
    --spacing-4: 24px;
    --spacing-5: 32px;
    --spacing-6: 48px;
    --spacing-7: 64px;
    --spacing-8: 96px;
    --spacing-section: 120px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-pill: 9999px;
    --radius-preset: md;
    --radius-default-tl: 6px;
    --radius-default-tr: 6px;
    --radius-default-br: 6px;
    --radius-default-bl: 6px;
    --radius-default: 6px 6px 6px 6px;
    --radius-button-tl: 6px;
    --radius-button-tr: 6px;
    --radius-button-br: 6px;
    --radius-button-bl: 6px;
    --radius-button: 6px 6px 6px 6px;
    --radius-image-tl: 10px;
    --radius-image-tr: 10px;
    --radius-image-br: 10px;
    --radius-image-bl: 10px;
    --radius-image: 10px 10px 10px 10px;
    --radius-card-tl: 6px;
    --radius-card-tr: 6px;
    --radius-card-br: 6px;
    --radius-card-bl: 6px;
    --radius-card: 6px 6px 6px 6px;
    --radius-input-tl: 6px;
    --radius-input-tr: 6px;
    --radius-input-br: 6px;
    --radius-input-bl: 6px;
    --radius-input: 6px 6px 6px 6px;
    --radius-modal-tl: 6px;
    --radius-modal-tr: 6px;
    --radius-modal-br: 6px;
    --radius-modal-bl: 6px;
    --radius-modal: 6px 6px 6px 6px;
    --radius-tl: 6px;
    --radius-tr: 6px;
    --radius-br: 6px;
    --radius-bl: 6px;
    --radius-all: 6px 6px 6px 6px;
    --radius-linked: 1;
    --density: comfortable;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
    --shadow-lg: 0 12px 28px rgba(0,0,0,0.12);
}