/* Seven ID design tokens — shared by templates/index.html */
:root{
  --ios-bg:#f4f4f6;
  --ios-bg-secondary:#FFFFFF;
  --ios-bg-primary:#FFFFFF;
  --ios-bg-elevated:#FFFFFF;
  --ios-label:#0a0a0a;
  --ios-label-secondary:rgba(0,0,0,0.55);
  --ios-label-tertiary:rgba(0,0,0,0.35);
  --ios-separator:rgba(0,0,0,0.12);
  --ios-separator-soft:rgba(0,0,0,0.08);
  --ios-fill:rgba(120,120,128,0.2);
  --ios-fill-soft:rgba(120,120,128,0.12);
  --field-bg:rgba(118,118,128,0.12);
  --row-hover:rgba(0,0,0,0.025);
  --bg-app:#f4f4f6;
  --bg-surface:rgba(255,255,255,0.72);
  --bg-surface-solid:#ffffff;
  --border-hairline:rgba(0,0,0,0.08);
  --ios-blue:#007AFF;
  --ios-green:#34C759;
  --ios-red:#FF3B30;
  --ios-orange:#FF9500;
  --ios-purple:#AF52DE;
  --ios-teal:#32ADE6;
  --accent-blue:var(--ios-blue);
  --accent-green:var(--ios-green);
  --accent-red:var(--ios-red);
  --accent-orange:var(--ios-orange);
}