:root[data-umkm-theme="green"],
:root[data-umkm-theme="default"],
[data-umkm-theme="green"],
[data-umkm-theme="default"] {
    --umkm-primary: #0f7665;
    --umkm-primary-rgb: 15, 118, 101;
    --umkm-primary-dark: #084c42;
    --umkm-primary-soft: rgba(15, 118, 101, .10);
    --umkm-primary-softer: rgba(15, 118, 101, .065);

    --umkm-secondary: #0d6efd;
    --umkm-secondary-rgb: 13, 110, 253;
    --umkm-secondary-dark: #084298;
    --umkm-secondary-soft: rgba(13, 110, 253, .10);

    --umkm-accent: #f0a84a;
    --umkm-accent-rgb: 240, 168, 74;
    --umkm-accent-dark: #9a5b08;
    --umkm-accent-soft: rgba(240, 168, 74, .16);

    --umkm-page-gradient:
        radial-gradient(circle at 10% 12%, rgba(15, 118, 101, .13), transparent 28%),
        radial-gradient(circle at 94% 16%, rgba(240, 168, 74, .18), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f8fbfb 44%, #eef7f6 100%);

    --umkm-hero-gradient:
        radial-gradient(circle at 16% 18%, rgba(15, 118, 101, .11), transparent 30%),
        radial-gradient(circle at 95% 8%, rgba(240, 168, 74, .15), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .58));

    --umkm-card-gradient:
        radial-gradient(circle at 100% 0%, rgba(13, 110, 253, .08), transparent 30%),
        rgba(255, 255, 255, .90);

    --umkm-grid-color: rgba(15, 118, 101, .045);
    --umkm-orb-primary: rgba(15, 118, 101, .22);
    --umkm-orb-accent: rgba(240, 168, 74, .24);
}