/* Everyday AEO — Instrument Theme — Global Tokens */
:root {
  /* Backgrounds */
  --bg:              #080F1E;
  --bg-2:            #050B15;
  --surface:         #0D1F3C;
  --surface-2:       #0A1628;
  --surface-3:       #112347;

  /* Accent */
  --accent:          #3B82F6;
  --accent-dim:      rgba(59, 130, 246, 0.10);
  --accent-dim-2:    rgba(59, 130, 246, 0.06);
  --accent-border:   rgba(59, 130, 246, 0.18);
  --accent-border-2: rgba(59, 130, 246, 0.35);
  --accent-glow:     rgba(59, 130, 246, 0.13);

  /* Text */
  --text:   #EEF2FF;
  --text-2: #94A3B8;
  --text-3: #475569;

  /* Borders */
  --border: rgba(255, 255, 255, 0.06);

  /* Typography */
  --mono:    'DM Mono', monospace;
  --display: 'Outfit', sans-serif;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
}

body {
  font-family: var(--display);
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

/* Shared secondary button — used across pages */
.btn-secondary {
  background: transparent;
  color: var(--accent);
  border: 1px solid var(--accent-border-2);
  padding: 10px 20px;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: var(--display);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.btn-secondary:hover {
  background: var(--accent-dim);
  color: #93C5FD;
  border-color: var(--accent);
}
.btn-secondary:active {
  transform: translateY(0);
  background: rgba(59, 130, 246, 0.15);
}
.btn-secondary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}