spb/earth-now Public License

1/*2 * earth-now.co — apps/web/app/globals.css3 * Tailwind layers + theme tokens. LIGHT theme is the default; dark is an explicit4 * toggle ([data-theme="dark"]). Values from the validated reference palette.5 */67@tailwind base;8@tailwind components;9@tailwind utilities;1011:root {12  color-scheme: light;13  --page: #f9f9f7;14  --surface: #fcfcfb;15  --ink: #0b0b0b;16  --ink-2: #52514e;17  --muted: #898781;18  --line: #e1e0d9;19  --border: rgba(11, 11, 11, 0.1);20  --accent: #2a78d6;21  --accent-wash: rgba(42, 120, 214, 0.07);22  --good: #006300;23  --warn: #fab219;24  --critical: #d03b3b;25}2627:root[data-theme="dark"] {28  color-scheme: dark;29  --page: #0d0d0d;30  --surface: #1a1a19;31  --ink: #ffffff;32  --ink-2: #c3c2b7;33  --muted: #898781;34  --line: #2c2c2a;35  --border: rgba(255, 255, 255, 0.1);36  --accent: #3987e5;37  --accent-wash: rgba(57, 135, 229, 0.12);38  --good: #0ca30c;39  --warn: #fab219;40  --critical: #d03b3b;41}4243body {44  background-color: var(--page);45  color: var(--ink);46  -webkit-font-smoothing: antialiased;47  /* Faint planetary wash at the top of the page — light and dark variants via tokens. */48  background-image: radial-gradient(90rem 28rem at 50% -6rem, var(--accent-wash), transparent 70%);49  background-repeat: no-repeat;50}5152/* Pulsing "live" indicator — honesty rule: only rendered on counters the tier53   system classified as visibly ticking. Static under prefers-reduced-motion. */54.live-dot {55  width: 0.5rem;56  height: 0.5rem;57  border-radius: 9999px;58  background-color: var(--accent);59  animation: live-pulse 2s ease-in-out infinite;60}6162@keyframes live-pulse {63  0%,64  100% {65    box-shadow: 0 0 0 0 var(--accent-wash);66    opacity: 1;67  }68  50% {69    box-shadow: 0 0 0 6px var(--accent-wash);70    opacity: 0.75;71  }72}7374@media (prefers-reduced-motion: reduce) {75  .live-dot {76    animation: none;77  }78  * {79    transition-duration: 0.01ms !important;80  }81}8283/* Ticking digits never shift horizontally (functional, not decorative:84   a proportional-figure ticker would jitter as digits change). */85.tabular-nums {86  font-variant-numeric: tabular-nums;87  font-feature-settings: "tnum" 1;88}8990::selection {91  background-color: var(--accent-wash);92}93