:root {
    /* Override the main CSS variables used by the application */
    --primary: #0D7616;
    --secondary: #F28B16;
    --accent: #FBD016;

    /* Additional color variants for compatibility */
    --color-primary: #0D7616;
    --color-primary-rgb: 13, 118, 22;
    --color-secondary: #F28B16;
    --color-secondary-rgb: 242, 139, 22;
    --color-accent: #FBD016;
    --color-accent-rgb: 251, 208, 22;

    /* Tailwind-compatible variables */
    --color-primary-50: color-mix(in srgb, #0D7616 10%, white);
    --color-primary-100: color-mix(in srgb, #0D7616 20%, white);
    --color-primary-200: color-mix(in srgb, #0D7616 30%, white);
    --color-primary-300: color-mix(in srgb, #0D7616 40%, white);
    --color-primary-400: color-mix(in srgb, #0D7616 60%, white);
    --color-primary-500: #0D7616;
    --color-primary-600: color-mix(in srgb, #0D7616 80%, black);
    --color-primary-700: color-mix(in srgb, #0D7616 70%, black);
    --color-primary-800: color-mix(in srgb, #0D7616 60%, black);
    --color-primary-900: color-mix(in srgb, #0D7616 50%, black);
}