/* Mango Tango — orange → amber. Source: gradient_themes.md (Sunset & Warm) */
[data-theme="mango-tango"] {
  --zt-bg:            #FFF8F0;
  --zt-surface:       #FFF1E2;
  --zt-surface-2:     #FFE8D0;
  --zt-border:        #F5D8BC;
  --zt-border-strong: #E8BB95;
  --zt-text:          #1F0E04;
  --zt-text-muted:    #6E4C30;
  --zt-text-soft:     #9C7754;

  --zt-primary:          #FF512F;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #16A34A;
  --zt-warning:          #F09819;
  --zt-danger:           #DC2626;
  --zt-info:             #0EA5E9;

  --zt-font-sans:    "Cairo", "Inter", system-ui, sans-serif;
  --zt-font-display: "Cairo", "Inter", system-ui, sans-serif;

  --zt-radius-sm: 8px;
  --zt-radius-md: 14px;
  --zt-radius-lg: 22px;

  --zt-shadow-sm: 0 1px 2px rgba(255, 81, 47, .10);
  --zt-shadow-md: 0 8px 24px rgba(240, 152, 25, .14);
  --zt-shadow-lg: 0 24px 60px rgba(255, 81, 47, .18);

  --zt-grad-primary: linear-gradient(135deg, #FF512F 0%, #F09819 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(255,81,47,.22) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(240,152,25,.18) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #1F0E04 0%, #6E4C30 60%, #FF512F 100%);
}

[data-theme="mango-tango"][data-style="dark"] {
  --zt-bg:            #1A0F08;
  --zt-surface:       #25180F;
  --zt-surface-2:     #321E12;
  --zt-border:        rgba(255,255,255,.08);
  --zt-border-strong: rgba(255,255,255,.14);
  --zt-text:          #FFF1E2;
  --zt-text-muted:    #D9B898;
  --zt-text-soft:     #A88862;

  --zt-primary:          #FFA371;
  --zt-primary-contrast: #1A0F08;
  --zt-success:          #34D399;
  --zt-warning:          #FBBF24;
  --zt-danger:           #F87171;
  --zt-info:             #60A5FA;

  --zt-grad-primary: linear-gradient(135deg, #FF512F 0%, #F09819 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(255,81,47,.35) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(240,152,25,.30) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #ffffff 0%, #D9B898 60%, #FF512F 100%);
}