Files

47 lines
1.8 KiB
CSS

/* 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;
}