/* SynthGAN / Findspo design tokens (Longevia-aligned) */
:root {
  color-scheme: light only;

  /* Brand palette */
  --brand-ink: #111827;
  --brand-body: #4b5563;
  --brand-soft: #6b7280;
  --brand-panel: #eff6ff;

  /* Primary scale */
  --primary-50: #f0f9ff;
  --primary-100: #e0f2fe;
  --primary-200: #bae6fd;
  --primary-500: #3588fc;
  --primary-600: #2563eb;
  --primary-700: #0369a1;

  /* Surfaces */
  --surface-warm: #fafaf9;
  --surface-muted: #f3f4f6;
  --surface-hero: #eef7ff;
  --accent-bg: #f8fafc;
  --border-color: #e2e8f0;
  --muted-foreground: #64748b;

  /* Legacy Findspo aliases */
  --findspo-primary: var(--primary-500);
  --findspo-primary-dark: #2f7ae2;
  --findspo-primary-darker: #255fb0;
  --findspo-primary-soft: #eaf3fe;
  --findspo-primary-border: #b8d4f5;
  --findspo-navy: var(--brand-ink);
  --findspo-navy-muted: var(--muted-foreground);
  --findspo-blue: var(--primary-500);
  --findspo-bg: #ffffff;
  --findspo-surface: #ffffff;
  --findspo-surface-soft: var(--surface-muted);
  --findspo-text: var(--brand-ink);
  --findspo-muted: var(--brand-body);
  --findspo-line: var(--border-color);
  --findspo-success: #0f9d7a;
  --findspo-error: #d14343;
  --findspo-font: "Inter", ui-sans-serif, system-ui, sans-serif;
  --findspo-header-font: "Poppins", "Inter", ui-sans-serif, system-ui, sans-serif;

  --page-max-width: 1280px;
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --header-logo-height: 104px;
  --header-height: 104px;
  --radius-card: 0.75rem;
}

@media (max-width: 768px) {
  :root {
    --header-logo-height: 80px;
    --header-height: 80px;
  }
}