/* Shared lava palette for independently served legal pages and the journal. */
:root:not(:has(.lava-home)) {
  color-scheme: dark;
  --inner-page-glow: rgba(68,52,135,.34);
  --inner-page-glow-secondary: rgba(26,58,116,.27);
  --inner-page-background: radial-gradient(ellipse 80% 42% at 18% 0%, var(--inner-page-glow), transparent 75%), radial-gradient(ellipse 75% 40% at 90% 20%, var(--inner-page-glow-secondary), transparent 75%), #080719;
  --color-canvas-2: #12132d;
  --color-canvas-3: #1b1c42;
  --color-deep: #080719;
  --color-surface-dark-soft: #12132d;
  --color-surface-dark-elevated: #1b1c42;
  --color-bg: #080719;
  --color-bg-card: #12132d;
  --color-bg-card-hover: #1b1c42;
  --color-bg-section: #12132d;
  --color-border: #34335e;
  --color-border-hover: #526394;
  --color-text: #f4f6ff;
  --color-text-sub: #aab4d6;
  --color-text-dim: #9aa6c9;
  --color-accent: #ff7a3d;
  --cream: #080719;
  --ink: #f4f6ff;
  --coral: #ff7a3d;
  --coral-active: #fff3e6;
  --body: #aab4d6;
  --muted: #9aa6c9;
  --hairline: #34335e;
  --color-canvas: #080719;
  --color-ink: #f4f6ff;
  --color-hairline: rgba(244,246,255,.1);
  --color-surface-dark: #080719;
  --color-primary: #ff7a3d;
  --color-primary-soft: #ffb070;
}
:root:not(:has(.lava-home)), html:not(:has(.lava-home)) body { background-color: #080719; color: #aab4d6; }
::selection { background: rgba(47,107,255,.4); color: #f4f6ff; }

/* Journal Tailwind utilities were compiled to literal warm colours. Map their
   existing semantic classes to this palette without changing the journal app. */
html .bg-bg { background-color: var(--color-bg); }
html .bg-bg\/80 { background-color: color-mix(in srgb, var(--color-bg) 80%, transparent); }
html .bg-bg-card { background-color: var(--color-bg-card); }
html .bg-bg-card-hover, html .hover\:bg-bg-card-hover:hover { background-color: var(--color-bg-card-hover); }
html .bg-bg-card\/40 { background-color: color-mix(in srgb, var(--color-bg-card) 40%, transparent); }
html .bg-bg-card\/80 { background-color: color-mix(in srgb, var(--color-bg-card) 80%, transparent); }
html .bg-bg-card\/95 { background-color: color-mix(in srgb, var(--color-bg-card) 95%, transparent); }
html .bg-bg-section { background-color: var(--color-bg-section); }
html .bg-accent { background-color: var(--color-accent); }
html .bg-accent-soft { background-color: color-mix(in srgb, var(--color-accent) 10%, transparent); }
html .bg-accent\/5 { background-color: color-mix(in srgb, var(--color-accent) 5%, transparent); }
html .bg-accent\/60 { background-color: color-mix(in srgb, var(--color-accent) 60%, transparent); }
html .bg-text { background-color: var(--color-text); }
html .text-text, html .hover\:text-text:hover { color: var(--color-text); }
html .text-text-sub { color: var(--color-text-sub); }
html .text-text-dim { color: var(--color-text-dim); }
html .text-text-dim\/60 { color: color-mix(in srgb, var(--color-text-dim) 60%, transparent); }
html .text-text-dim\/70 { color: color-mix(in srgb, var(--color-text-dim) 70%, transparent); }
html .text-bg { color: var(--color-bg); }
html .text-accent { color: var(--color-accent); }
html .border-border { border-color: var(--color-border); }
html .border-border-hover, html .hover\:border-border-hover:hover { border-color: var(--color-border-hover); }
html .border-border\/40 { border-color: color-mix(in srgb, var(--color-border) 40%, transparent); }
html .border-accent { border-color: var(--color-accent); }
html .border-accent\/30 { border-color: color-mix(in srgb, var(--color-accent) 30%, transparent); }
html .border-accent\/40 { border-color: color-mix(in srgb, var(--color-accent) 40%, transparent); }

/* Selected option 2 from the approved preview; homepage owns its own backdrop. */
html:not(:has(.lava-home)) [data-dialog-background],
html main.bg-bg { background: var(--inner-page-background); }
html:not(:has(.lava-home)) .spot { background: radial-gradient(closest-side, var(--inner-page-glow), transparent 72%); }
html:not(:has(.lava-home)) .card-night::before { background: radial-gradient(220px circle at var(--mx,50%) var(--my,50%), var(--inner-page-glow-secondary), transparent 62%); }
html:not(:has(.lava-home)) .nav-night { background: color-mix(in srgb, var(--color-bg) 84%, transparent); }