/* Mint Leaf — teal → green. Source: gradient_themes.md (Ocean & Cool) */
[data-theme="mint-leaf"] {
  --zt-bg:            #F4FFF9;
  --zt-surface:       #E8FAF1;
  --zt-surface-2:     #D6F2E2;
  --zt-border:        #C2E5D0;
  --zt-border-strong: #9DCFB1;
  --zt-text:          #04140E;
  --zt-text-muted:    #335147;
  --zt-text-soft:     #698070;

  --zt-primary:          #11998E;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #38EF7D;
  --zt-warning:          #F59E0B;
  --zt-danger:           #EF4444;
  --zt-info:             #06B6D4;

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

  --zt-radius-sm: 6px;
  --zt-radius-md: 12px;
  --zt-radius-lg: 16px;

  --zt-shadow-sm: 0 1px 2px rgba(17, 153, 142, .08);
  --zt-shadow-md: 0 8px 24px rgba(17, 153, 142, .14);
  --zt-shadow-lg: 0 24px 60px rgba(56, 239, 125, .18);

  --zt-grad-primary: linear-gradient(135deg, #11998E 0%, #38EF7D 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(17,153,142,.18) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(56,239,125,.14) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #04140E 0%, #335147 60%, #11998E 100%);
}

[data-theme="mint-leaf"][data-style="dark"] {
  --zt-bg:            #04140E;
  --zt-surface:       #082018;
  --zt-surface-2:     #0E2D22;
  --zt-border:        rgba(255,255,255,.08);
  --zt-border-strong: rgba(255,255,255,.14);
  --zt-text:          #EBFAF2;
  --zt-text-muted:    #B0D2BF;
  --zt-text-soft:     #7BA092;

  --zt-primary:          #34EAB0;
  --zt-primary-contrast: #04140E;
  --zt-success:          #6EE7B7;
  --zt-warning:          #FBBF24;
  --zt-danger:           #F87171;
  --zt-info:             #22D3EE;

  --zt-grad-primary: linear-gradient(135deg, #11998E 0%, #38EF7D 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(17,153,142,.35) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(56,239,125,.30) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #ffffff 0%, #B0D2BF 60%, #38EF7D 100%);
}