/* ttp-theme.css — shared light/dark token system for The Teesside Photographer
   Light values in :root (default). Dark values in [data-theme="dark"].
   Token names mirror panel/edit.html :root vocabulary for one site-wide scheme. */

:root {
  --bg:             #fff;
  --surface:        #fff;
  --surface-2:      #f5f5f5;
  --text:           #1a1a1a;
  --subtle:         rgba(0,0,0,0.5);
  --faint:          rgba(0,0,0,0.2);
  --line:           rgba(0,0,0,0.15);
  --line-soft:      rgba(0,0,0,0.06);
  --nav-bg:         rgba(255,255,255,0.92);
  --img-border:     #1a1a1a;
  --btn-primary-bg: #1a1a1a;
  --btn-primary-tx: #fff;
  --thumb-border:   #444;
}

[data-theme="dark"] {
  --bg:             #1a1a1a;
  --surface:        #141414;
  --surface-2:      #111;
  --text:           rgba(255,255,255,0.85);
  --subtle:         rgba(255,255,255,0.40);
  --faint:          rgba(255,255,255,0.25);
  --line:           rgba(255,255,255,0.12);
  --line-soft:      rgba(255,255,255,0.06);
  --nav-bg:         rgba(26,26,26,0.92);
  --img-border:     rgba(255,255,255,0.6);
  --btn-primary-bg: #e0e0e0;
  --btn-primary-tx: #1a1a1a;
  --thumb-border:   rgba(255,255,255,0.15);
}