:root {
  --jl-bg: #fbf6f4;
  --jl-surface: #fff;
  --jl-line: #efe1dc;
  --jl-ink: #200c0d;
  --jl-ink-dim: #6b5552;
  --jl-red: #e5243f;
  --jl-red-dark: #b81830;
  --jl-red-soft: #fde7ea;
  --jl-coral: #ff7a45;
  --jl-veil: rgba(251, 246, 244, 0.6);

  --jl-cam-bg: #110d0e;
  --jl-cam-surface: #1a1415;
  --jl-cam-surface2: #241c1d;
  --jl-cam-surface3: #2d2426;
  --jl-cam-line: #3b3031;
  --jl-cam-ink: #f3ebe9;
  --jl-cam-dim: #a99a97;
  --jl-cam-red: #ec3d55;
  --jl-cam-red-soft: rgba(236, 61, 85, 0.14);
}
@media (prefers-color-scheme: dark) {
  :root {
    --jl-bg: #161112;
    --jl-surface: #201a1b;
    --jl-line: #372d2e;
    --jl-ink: #f3ebe9;
    --jl-ink-dim: #bfb0ad;
    --jl-red: #ec3d55;
    --jl-red-dark: #f08292;
    --jl-red-soft: #302325;
    --jl-veil: rgba(22, 17, 18, 0.6);
  }
}