/* SECRETEUNION — Theme System
   Three moods: sunrise / midday / sundown. Set on page load by local time,
   fixed until refresh, manually overridable. 60/30/10 rule per theme. */

:root {
  --font-display: 'Neue Haas', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --radius: 2px;
  --transition-theme: 500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* pin colors — fixed across all themes, legality is not a mood */
  --pin-green: #4C9A5B;
  --pin-orange: #D98A2B;
  --pin-red: #C0473B;
}

/* SUNRISE — hazy, muted, city before anyone's out */
[data-theme="sunrise"] {
  --bg-primary: #EDE6DD;
  --bg-secondary: #C9B8B0;
  --accent: #D97F5C;
  --text-primary: #241E1B;
  --text-secondary: #5B4F49;
  --border-color: rgba(36, 30, 27, 0.12);
}

/* MIDDAY — sharp, exposed, full sun */
[data-theme="midday"] {
  --bg-primary: #F5F4F1;
  --bg-secondary: #8A8D91;
  --accent: #1A1A1A;
  --text-primary: #14141A;
  --text-secondary: #52545A;
  --border-color: rgba(20, 20, 26, 0.14);
}

/* SUNDOWN — deep dark, fading amber light */
[data-theme="sundown"] {
  --bg-primary: #141414;
  --bg-secondary: #2B2725;
  --accent: #E08A3E;
  --text-primary: #F2ECE4;
  --text-secondary: #A99C90;
  --border-color: rgba(242, 236, 228, 0.12);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-body);
  transition: background-color var(--transition-theme), color var(--transition-theme);
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}