/* ════════════════════════════════════════
   DESIGN TOKENS
   Single source of truth for the visual system.
   ════════════════════════════════════════ */

:root {
  /* Page */
  --bg-page: #faf9f7;
  --bg-card: #ffffff;
  --bg-subtle: #f3f2ef;

  /* Text */
  --text-1: #1a1a1a;
  --text-2: #5c5a56;
  --text-3: #8a8883;

  /* Accent */
  --accent: #1a6b5a;
  --accent-hover: #145a4b;
  --accent-light: #e8f4f0;
  --accent-on: #ffffff;

  /* Borders */
  --border: #e5e3df;
  --border-light: #edebe7;

  /* Type */
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'DM Mono', 'SF Mono', monospace;

  /* Motion */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* LeadFrame brand */
  --lf-800: #1A2E44;
  --lf-700: #243B55;
  --lf-600: #2E4D6B;
  --lf-500: #3A6086;
  --lf-400: #5878A0;
  --lf-200: #A8BDD4;

  /* PulseView brand */
  --pv-600: #0E7F7A;
  --pv-500: #0FA89F;
  --pv-400: #14C4B8;
  --pv-300: #2DD9CC;
  --pv-200: #7EEAE3;
}

/* Logo systems */
.lf-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.lf-logo-name {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: var(--lf-800);
  letter-spacing: -0.01em;
  line-height: 1;
}

.pv-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.pv-logo-name {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: var(--pv-500);
  letter-spacing: -0.01em;
  line-height: 1;
}