/* Camino Coaching — Faster in Flow brand tokens */

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  src: url('../assets/fonts/SpaceGrotesk-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/Inter-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../assets/fonts/Inter-Variable.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/Inter-Variable.woff2') format('woff2');
}

:root {
  --ink: #0a0e17;
  --teal: #00ffd1;
  --white: #ffffff;
  --secondary: #a0aec0;
  --muted: #718096;
  --card-border: rgba(255, 255, 255, 0.08);
  --pill-bg: rgba(0, 255, 209, 0.10);
  --pill-border: rgba(0, 255, 209, 0.35);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--ink);
  color: var(--white);
  font-family: 'Inter', sans-serif;
  overflow: hidden;
}

.label {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--secondary);
}

.display {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  color: var(--white);
}

.teal { color: var(--teal); }

.pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--pill-bg);
  border: 1px solid var(--pill-border);
  border-radius: 100px;
  padding: 10px 20px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--teal);
}

.pill .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 8px 2px rgba(0, 255, 209, 0.6);
  flex: none;
}

.card {
  border-radius: 16px;
  border: 1px solid var(--card-border);
}

.btn {
  border-radius: 8px;
}

.lockup .brand-name {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: var(--white);
  text-transform: uppercase;
}

.lockup .brand-tag {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: 0.26em;
  color: var(--teal);
  text-transform: uppercase;
}