:root {
    /* Colors */
    --dil-text-color: #333;
    --dil-text-secondary: #777;
    --dil-primary-color: #0073aa;
    --dil-primary-hover: #005177;
    --dil-border-color: #e1e1e1;
    --dil-border-light: #f9f9f9;
    --dil-background-color: #ffffff;
    --dil-card-background: #fcfcfc;
    --dil-code-background: #272822;
    --dil-code-text: #f8f8f2;
    --dil-placeholder-background: #f4f4f4;

    /* Typography */
    --dil-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --dil-body-font-size: 16px;
    --dil-line-height-body: 1.8;
    --dil-line-height-heading: 1.3;
    --dil-font-weight-normal: 400;
    --dil-font-weight-bold: 700;
    --dil-h1-size: 2.5rem;
    --dil-h2-size: 2rem;
    --dil-h3-size: 1.5rem;
    --dil-h4-size: 1.25rem;

    /* Sizing & Spacing */
    --dil-border-radius: 8px;
    --dil-spacing-sm: 10px;
    --dil-spacing-md: 20px;
    --dil-spacing-lg: 30px;
    --dil-spacing-xl: 50px;
    --dil-content-max-width: 800px;

    /* Layout Variables */
    --dil-section-spacing: 60px;
    --dil-content-padding: 20px;
    --dil-card-gap: 20px;
    --dil-sidebar-gap: 30px;

    /* Editorial Tokens */
    --dil-hero-title-size: 3.5rem;
    --dil-card-border-color: #eee;
    --dil-newsletter-bg: #f9f9f9;
    --dil-shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --dil-shadow-md: 0 8px 24px rgba(0,0,0,0.1);
    
    /* Global Layout Tokens */
    --dil-main-content-width: 800px;
    --dil-sidebar-width: 320px;
    --dil-layout-gap: 40px;
    --dil-container-max-width: 1200px;
}