/* Seamark color overrides (injected after atcr.io's compiled stylesheet) */
[data-theme="dark"] {
    --color-primary: oklch(72% 0.17 225);
    --color-primary-content: oklch(15% 0.05 240);
    --color-secondary: oklch(90% 0.182 98.111);
    --color-secondary-content: oklch(30% 0.182 98.111);
    --color-accent: oklch(70% 0.14 345);
    --color-accent-content: oklch(98% 0.008 345);
    --color-base-100: oklch(20% 0.05 250);
    --color-base-200: oklch(25% 0.05 250);
    --color-base-300: oklch(30% 0.05 250);
}

[data-theme="light"] {
    /* Primary/accent lightness dropped to ≤42% so white-on-button meets
       WCAG AA 4.5:1 for normal text. Hues preserved; only L moved. */
    --color-primary: oklch(42% 0.17 250);
    --color-primary-content: oklch(98% 0.01 250);
    --color-secondary: oklch(76% 0.095 76.1);
    --color-secondary-content: oklch(27.1% 0.026 76.4);
    --color-accent: oklch(48% 0.17 345);
    --color-accent-content: oklch(98% 0.008 345);
    --color-base-100: oklch(98% 0.01 225);
    --color-base-200: oklch(95% 0.02 225);
    --color-base-300: oklch(92% 0.03 225);
    /* Tilt body text toward the primary hue so it reads as deep ocean ink
       rather than the auto-derived neutral gray. */
    --color-base-content: oklch(30% 0.10 250);
}

/* In light mode collapse the navbar logo to the primary font color so it
   inherits --color-base-content from the link wrapper. Dark mode is left
   alone so the native white-and-yellow palette shows through. */
[data-theme="light"] .nav-brand-logo path {
    fill: currentColor;
}

@keyframes rock {
    0%, 100% { transform: translateY(-50%) rotate(-3deg); }
    50% { transform: translateY(-50%) rotate(3deg); }
}

.animate-rock {
    animation: rock 3s ease-in-out infinite;
    transform-origin: bottom center;
}