/* GlassTech Professional Window Cleaning — Shared Design Tokens + Global Base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

:root {
  --white:        #ffffff;
  --snow:         #f5f7f9;
  --slate:        #243541;
  --slate2:       #2D4254;
  --red:          #ed1024;
  --red-dark:     #c20d1d;
  --sky:          #ddebf3;
  --blue:         #1679b9;
  --mist:         #ddebf3;
  --ink:          #1b2a35;
  --gray:         #5a6275; /* darkened from #7a8294 — WCAG AA on white: ~5.4:1 */
  --lgray:        #c4c9d4;
  --border:       #e2e5ec;
  --green:        #22c55e;
  --code-bg:      #111827;
  --code-border:  #1f2937;
}

/* Focus indicators — keyboard navigation */
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 3px;
  border-radius: 1px;
}

/* Amber-background elements need a dark outline */
.btn-white:focus-visible,
.nav-btn:focus-visible,
.btn-amber:focus-visible,
.copy-btn:focus-visible {
  outline: 2px solid var(--slate);
  outline-offset: 3px;
}