/* LeadHub Design Tokens — fonte da verdade, independente de framework */
:root {
  /* ── Brand Scale (Primaria) ─────────────────── */
  --lh-brand-50:  #F5F0FF;
  --lh-brand-100: #EDE5FF;
  --lh-brand-200: #D4C0FF;
  --lh-brand-300: #B18EFF;
  --lh-brand-400: #8D58F7;
  --lh-brand-500: #6A2AF3;
  --lh-brand-600: #5720CC;
  --lh-brand-700: #4518A5;
  --lh-brand-800: #36127E;
  --lh-brand-900: #280D5E;
  --lh-brand-950: #180638;

  /* ── Accent Scale (Destaque) ────────────────── */
  --lh-accent-50:  #ECFDF5;
  --lh-accent-100: #D1FAE5;
  --lh-accent-200: #A3F4CD;
  --lh-accent-300: #6AECAB;
  --lh-accent-400: #36E898;
  --lh-accent-500: #18E38A;
  --lh-accent-600: #10B86E;
  --lh-accent-700: #0B9258;
  --lh-accent-800: #086E42;
  --lh-accent-900: #064E30;
  --lh-accent-950: #03301D;

  /* ── Neutral Scale (Estrutura) ──────────────── */
  --lh-neutral-50:  #FAF8FB;
  --lh-neutral-100: #F0ECF4;
  --lh-neutral-200: #DDD7E3;
  --lh-neutral-300: #BCB2C6;
  --lh-neutral-400: #9B8EA8;
  --lh-neutral-500: #7A6D87;
  --lh-neutral-600: #5C5166;
  --lh-neutral-700: #413848;
  --lh-neutral-800: #2E222E;
  --lh-neutral-900: #201010;
  --lh-neutral-950: #120808;

  /* ── Cores Semanticas ───────────────────────── */
  --lh-success:         #22C55E;
  --lh-success-active:  #16A34A;
  --lh-success-light:   #F0FDF4;
  --lh-success-clarity:  rgba(34, 197, 94, 0.20);

  --lh-danger:          #EF4444;
  --lh-danger-active:   #DC2626;
  --lh-danger-light:    #FEF2F2;
  --lh-danger-clarity:   rgba(239, 68, 68, 0.20);

  --lh-warning:         #F59E0B;
  --lh-warning-active:  #D97706;
  --lh-warning-light:   #FFFBEB;
  --lh-warning-clarity:  rgba(245, 158, 11, 0.20);

  --lh-info:            #3B82F6;
  --lh-info-active:     #2563EB;
  --lh-info-light:      #EFF6FF;
  --lh-info-clarity:     rgba(59, 130, 246, 0.20);

  /* ── Tipografia ─────────────────────────────── */
  --lh-font-heading: 'Outfit', system-ui, sans-serif;
  --lh-font-body:    'Inter', system-ui, sans-serif;
  --lh-font-mono:    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* ── Derivados Light ────────────────────────── */
  --lh-primary:          var(--lh-brand-500);
  --lh-primary-active:   var(--lh-brand-600);
  --lh-primary-light:    var(--lh-brand-50);
  --lh-primary-clarity:  rgba(106, 42, 243, 0.20);
  --lh-primary-inverse:  #ffffff;

  --lh-accent-ui:          var(--lh-accent-500);
  --lh-accent-ui-active:   var(--lh-accent-600);
  --lh-accent-ui-light:    var(--lh-accent-50);
  --lh-accent-ui-clarity:  rgba(24, 227, 138, 0.20);
  --lh-accent-ui-inverse:  #ffffff;

  /* ── Derivados Dark Mode ────────────────────── */
  --lh-primary-dm:          var(--lh-brand-400);
  --lh-primary-active-dm:   var(--lh-brand-300);
  --lh-primary-light-dm:    #1E1528;
  --lh-primary-clarity-dm:  rgba(141, 88, 247, 0.20);
  --lh-primary-inverse-dm:  #ffffff;

  --lh-accent-ui-dm:          var(--lh-accent-700);
  --lh-accent-ui-active-dm:   var(--lh-accent-600);
  --lh-accent-ui-light-dm:    #0F2119;
  --lh-accent-ui-clarity-dm:  rgba(11, 146, 88, 0.20);
  --lh-accent-ui-inverse-dm:  #ffffff;

  --lh-neutral-100-dm: #1C181F;
  --lh-neutral-200-dm: #26202A;
  --lh-neutral-300-dm: #362F3B;
  --lh-neutral-400-dm: #4A3F50;
  --lh-neutral-500-dm: #6A5E74;
  --lh-neutral-600-dm: #857B8E;
  --lh-neutral-700-dm: #A199AB;
  --lh-neutral-800-dm: #BCB2C6;
  --lh-neutral-900-dm: #F0ECF4;

  --lh-success-dm:         #16A34A;
  --lh-success-active-dm:  #22C55E;
  --lh-success-light-dm:   #0A1F13;
  --lh-success-clarity-dm:  rgba(22, 163, 74, 0.20);

  --lh-danger-dm:          #DC2626;
  --lh-danger-active-dm:   #EF4444;
  --lh-danger-light-dm:    #2A1215;
  --lh-danger-clarity-dm:   rgba(220, 38, 38, 0.20);

  --lh-warning-dm:         #D97706;
  --lh-warning-active-dm:  #F59E0B;
  --lh-warning-light-dm:   #231C0B;
  --lh-warning-clarity-dm:  rgba(217, 119, 6, 0.20);

  --lh-info-dm:            #2563EB;
  --lh-info-active-dm:     #3B82F6;
  --lh-info-light-dm:      #0F1A2E;
  --lh-info-clarity-dm:     rgba(37, 99, 235, 0.20);

  /* ── Gradients Light ────────────────────────── */
  --lh-gradient-brand: linear-gradient(135deg, var(--lh-brand-500), var(--lh-brand-400));
  --lh-gradient-accent: linear-gradient(135deg, var(--lh-accent-500), var(--lh-accent-300));
  --lh-gradient-brand-accent: linear-gradient(135deg, var(--lh-brand-500), var(--lh-accent-500));
  --lh-gradient-neutral: linear-gradient(135deg, var(--lh-neutral-900), var(--lh-neutral-600));
  --lh-gradient-subtle: linear-gradient(135deg, var(--lh-neutral-50), #ffffff);

  /* ── Gradients Dark Mode ────────────────────── */
  --lh-gradient-brand-dm: linear-gradient(135deg, var(--lh-brand-400), var(--lh-brand-300));
  --lh-gradient-accent-dm: linear-gradient(135deg, var(--lh-accent-700), var(--lh-accent-500));
  --lh-gradient-brand-accent-dm: linear-gradient(135deg, var(--lh-brand-400), var(--lh-accent-600));
  --lh-gradient-neutral-dm: linear-gradient(135deg, var(--lh-neutral-950), var(--lh-neutral-800));
  --lh-gradient-subtle-dm: linear-gradient(135deg, var(--lh-neutral-100-dm), var(--lh-neutral-200-dm));
}