/* base.css — BafGo shared design tokens and resets
 * Loaded before page-specific stylesheets.
 * Page CSS may override any of these variables in its own :root block.
 */

/* Brand design tokens */
:root {
  --orange: #f26d21;
  --orange-dark: #d8570f;
  --ink: #1f2630;
  --muted: #5d6975;
  --line: #d6dbe2;
  --navy: #2c3447;
  --cream: #f8f3ea;
}

/* Universal box model */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Base typography reset */
body {
  margin: 0;
}

/* Logo — blend white background away on any page color */
.logo img,
a.logo img,
[class*="logo"] img,
.brand img,
.al-brand img {
  mix-blend-mode: multiply;
}

/* Shared button foundation — page CSS adds sizing and color variants */
.btn {
  text-decoration: none;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  font-weight: 700;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.btn:hover {
  transform: translateY(-1px);
}