:root {
    --dm-red: #EE3135;
    --dm-red-rgb: 238, 49, 53;
    --dm-black: #000000;
    --dm-white: #FFFFFF;

    --dm-brown-red: #8C2A2E;
    --dm-teal: #244350;
    --dm-cream: #FBE5BE;

    --dm-red-dark: #C41E22;
    --dm-red-light: #F4585C;
    --dm-gray-100: #F8F9FA;
    --dm-gray-200: #E9ECEF;
    --dm-gray-300: #DEE2E6;
    --dm-gray-400: #CED4DA;
    --dm-gray-500: #ADB5BD;
    --dm-gray-600: #6C757D;
    --dm-gray-700: #495057;
    --dm-gray-800: #343A40;
    --dm-gray-900: #212529;

    --dm-primary: var(--dm-red);
    --dm-primary-dark: var(--dm-brown-red);
    --dm-secondary: var(--dm-teal);
    --dm-bg: var(--dm-white);
    --dm-bg-alt: var(--dm-gray-100);
    --dm-text: var(--dm-gray-900);
    --dm-text-muted: var(--dm-gray-600);
    --dm-border: var(--dm-gray-300);

    --dm-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --dm-font-heading: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --dm-section-padding: 60px 0;
    --dm-card-radius: 12px;
    --dm-btn-radius: 8px;

    --dm-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --dm-shadow: 0 2px 8px rgba(0,0,0,0.1);
    --dm-shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    --dm-shadow-hover: 0 8px 30px rgba(238, 49, 53, 0.15);

    --dm-transition: all 0.3s ease;
}