/* Landing page color tokens (toggle via body.hf-theme-v2) */
body.hf-theme-v2{
  /* Primary brand */
  --brand:        #2563EB;  /* blue-600 */
  --brand-dark:   #1D4ED8;  /* blue-700 */
  --brand-darker: #1E40AF;  /* blue-800 */
  --brand-btn-lite:#DBEAFE; /* blue-100 */
  --brand-tint:   #EFF6FF;  /* blue-50 */

  /* Neutrals and surfaces */
  --text:   #0F172A;  /* slate-900 */
  --muted:  #475569;  /* slate-600 */
  --border: #E5E7EB;  /* gray-200 */
  --card:   #FFFFFF;  /* white */
  --bg:     #F8FAFC;  /* slate-50 */

  /* Accents */
  --accent:       #16A34A; /* green-600 */
  --accent-bg:    #ECFDF5; /* green-50 */
  --accent-text:  #065F46; /* green-800 */
  --error:        #EF4444; /* red-500 */
  --error-bg:     #FEF2F2; /* red-50 */
}

/* Apply base neutrals on the lander only */
body.hf-theme-v2{
  color: var(--text);
  background: var(--bg);
}

body.hf-theme-v2 h1, body.hf-theme-v2 h2, body.hf-theme-v2 h3{
  color: var(--text);
}

/* Lighten card backgrounds where common utility classes are used */
body.hf-theme-v2 .card,
body.hf-theme-v2 .panel,
body.hf-theme-v2 .bg-white,
body.hf-theme-v2 .backdrop-blur,
body.hf-theme-v2 section[class*="card"],
body.hf-theme-v2 div[class*="rounded-"],
body.hf-theme-v2 .rounded-xl{
  background-color: var(--card) !important;
  border-color: var(--border) !important;
}

/* Savings/info chips */
body.hf-theme-v2 .hf-chip--savings{
  background: var(--accent-bg);
  color: var(--accent-text);
  border: 1px solid #D1FAE5; /* green-100 */
}

/* Dark theme tokens for lander (match global dark) */
html[data-theme="dark"] body.hf-theme-v2{
  --brand:        #3B82F6;
  --brand-dark:   #2563EB;
  --brand-darker: #1D4ED8;
  --brand-btn-lite:#1F2937; /* subtle hover tint on dark */
  --brand-tint:   #0F172A;

  --text:   #E5E7EB;
  --muted:  #94A3B8;
  --border: #1F2937;
  --card:   #0F172A;
  --bg:     #0B1220;

  --accent:      #34D399;
  --accent-bg:   #052E28;
  --accent-text: #A7F3D0;
  --error:       #F87171;
  --error-bg:    #3F1D1D;
}