:root {
    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-serif: 'Playfair Display', Georgia, serif;

    /* Color Palette */
    --color-bg-white: #ffffff;
    --color-bg-light: #fafafa;
    --color-bg-subtle: #f5f5f5;
    --color-bg-pill: #f0f0f0;
    --color-bg-dark: #050505;
    --color-bg-black: #000000;
    --color-bg-card-dark: #111111;

    --color-text-main: #111111;
    --color-text-body: #333333;
    --color-text-medium: #444444;
    --color-text-secondary: #555555;
    --color-text-muted: #666666;
    --color-text-subtle: #777777;
    --color-text-faint: #888888;
    --color-text-light-gray: #999999;
    --color-text-white: #ffffff;
    --color-text-white-muted: rgba(255, 255, 255, 0.6);
    --color-text-white-faint: rgba(255, 255, 255, 0.5);

    --color-border-light: #eaeaea;
    --color-border-medium: #dcdcdc;
    --color-border-dark: rgba(255, 255, 255, 0.1);
    --color-border-dark-hover: rgba(255, 255, 255, 0.2);

    /* Layout & Spacing */
    --max-width-site: 1280px;
    --max-width-content: 1000px;
    --max-width-reading: 720px;
    
    /* Transitions */
    --transition-smooth: all 0.3s ease;
    --transition-cubic: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}