:root {
  color-scheme: light;
  --bg:   #e6e6ea;
  --surf: #eeedf2;
  --sd:   #c8c8cc;
  --sl:   #ffffff;
  --text: #52516a;
  --muted:#8c8ba8;
  --accent:#9E68D2;

  --text-xs:   clamp(0.75rem,  0.7rem  + 0.25vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 0.8rem  + 0.35vw, 1rem);
  --text-base: clamp(1rem,     0.95rem + 0.25vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 1rem    + 0.75vw, 1.5rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 26px;

  --t: 160ms cubic-bezier(.16,1,.3,1);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg:   #191c24;
  --surf: #1f222c;
  --sd:   #11141b;
  --sl:   #303342;
  --text: #d7deeb;
  --muted:#8e98ad;
  --accent:#b48ae5;
}

/* Version footer */
.app-version {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px;
  font-size: 11px;
  color: var(--color-text-faint, #bbb);
  letter-spacing: 0.05em;
}

.privacy-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  opacity: .65;
}

.privacy-line {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}