body.page--livestock,
[data-theme="livestock"] {
    --color-bg: #f7f1e5;
    --color-bg-2: #e7dcc8;
    --color-surface: rgba(255, 255, 255, 0.58);
    --color-surface-strong: rgba(255, 255, 255, 0.78);
    --color-text: #143221;
    --color-muted: #5c745f;
    --color-line: rgba(42, 84, 54, 0.14);
    --color-accent: #3f8f55;
    --color-accent-2: #8ec7d9;
    --glass-bg: rgba(255, 255, 255, 0.58);
    --glass-border: rgba(56, 112, 72, 0.18);
    --glass-shadow: 0 26px 90px rgba(64, 88, 61, 0.16);
    --backdrop-filter: blur(20px) saturate(120%);
    --hero-glow: rgba(88, 158, 93, 0.22);
    --hero-orb: rgba(88, 158, 93, 0.36);
    --button-primary: #4f9a60;
    --button-secondary: #9fd2df;
    --card-glow: rgba(82, 151, 88, 0.2);
    --card-border: rgba(63, 143, 85, 0.28);
    --card-bg:
        linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.42));
    --card-pattern:
        radial-gradient(circle at 18% 18%, rgba(88, 158, 93, 0.2), transparent 24rem),
        radial-gradient(circle at 82% 12%, rgba(142, 199, 217, 0.18), transparent 24rem);
    --cta-bg:
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(239, 226, 202, 0.58));
    color-scheme: light;
}

[data-theme="livestock"][data-mode="dark"] {
    --color-bg: #1a2a1a;
    --color-bg-2: #223322;
    --color-surface: rgba(255, 255, 255, 0.055);
    --color-surface-strong: rgba(255, 255, 255, 0.1);
    --color-text: #f0ece4;
    --color-muted: #8a9a8a;
    --color-line: rgba(255, 255, 255, 0.08);
    --color-accent: #5cb875;
    --color-accent-2: #6bb3c9;
    --glass-bg: rgba(26, 42, 26, 0.62);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-shadow: 0 28px 90px rgba(0, 0, 0, 0.36);
    --backdrop-filter: blur(16px) saturate(130%);
    --hero-glow: rgba(92, 184, 117, 0.2);
    --hero-orb: rgba(92, 184, 117, 0.38);
    --button-primary: #5cb875;
    --button-secondary: #6bb3c9;
    --card-glow: rgba(92, 184, 117, 0.2);
    --card-border: rgba(92, 184, 117, 0.3);
    --card-bg:
        linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
    --card-pattern:
        radial-gradient(circle at 18% 18%, rgba(92, 184, 117, 0.16), transparent 24rem),
        radial-gradient(circle at 82% 12%, rgba(107, 179, 201, 0.14), transparent 24rem);
    --cta-bg:
        linear-gradient(135deg, rgba(92, 184, 117, 0.18), rgba(255, 255, 255, 0.04));
}

body.page--livestock::before,
[data-theme="livestock"]::before {
    background:
        radial-gradient(circle at 18% 12%, rgba(88, 158, 93, 0.2), transparent 30rem),
        radial-gradient(circle at 82% 8%, rgba(142, 199, 217, 0.18), transparent 30rem),
        linear-gradient(135deg, var(--color-bg), var(--color-bg-2));
}

[data-theme="livestock"][data-mode="dark"]::before {
    background:
        radial-gradient(circle at 18% 12%, rgba(92, 184, 117, 0.18), transparent 30rem),
        radial-gradient(circle at 82% 8%, rgba(107, 179, 201, 0.15), transparent 30rem),
        linear-gradient(135deg, var(--color-bg), var(--color-bg-2));
}

body.page--livestock .hero__orb,
[data-theme="livestock"] .hero__orb {
    border-radius: 58% 42% 46% 54% / 42% 60% 40% 58%;
}

body.page--livestock .hero__glass-card,
[data-theme="livestock"] .hero__glass-card {
    border-radius: 2rem 1rem 2.5rem 1rem;
    transform: rotate(2deg);
}

body.page--livestock .info-card,
[data-theme="livestock"] .info-card {
    border-radius: 2rem 1.25rem 2rem 1.25rem;
}

body.page--livestock .button--ghost,
[data-theme="livestock"] .button--ghost {
    border-color: rgba(42, 84, 54, 0.16);
    color: #143221;
}

[data-theme="livestock"][data-mode="dark"] .button--ghost {
    border-color: rgba(255, 255, 255, 0.12);
    color: #f0ece4;
}

body.page--livestock .site-footer,
[data-theme="livestock"] .site-footer {
    border-top: 1px solid rgba(42, 84, 54, 0.12);
}

[data-theme="livestock"][data-mode="dark"] .site-footer {
    border-top: 1px solid rgba(92, 184, 117, 0.14);
}