/* Stripe theme — tokens from stripe.com/design (public brand) */
[data-theme="stripe"] {
  --zt-bg:            #FFFFFF;
  --zt-surface:       #F6F9FC;
  --zt-surface-2:     #EEF1F6;
  --zt-border:        #E3E8EE;
  --zt-border-strong: #C8D0DC;
  --zt-text:          #0A2540;
  --zt-text-muted:    #425466;
  --zt-text-soft:     #8898AA;

  --zt-primary:          #635BFF;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #3DBF66;
  --zt-warning:          #FFB74A;
  --zt-danger:           #DF1B41;
  --zt-info:             #00D4FF;

  --zt-font-sans:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --zt-font-display: "Inter", system-ui, sans-serif;
  --zt-font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

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

  --zt-shadow-sm: 0 2px 5px rgba(50, 50, 93, .07), 0 1px 2px rgba(0, 0, 0, .05);
  --zt-shadow-md: 0 6px 20px rgba(50, 50, 93, .12), 0 2px 6px rgba(0, 0, 0, .07);
  --zt-shadow-lg: 0 20px 60px rgba(50, 50, 93, .2), 0 6px 20px rgba(0, 0, 0, .1);
}

/* Stripe primary buttons: purple→violet gradient signature */
[data-theme="stripe"] .btn-primary {
  background: linear-gradient(135deg, #635BFF, #A855F7);
  border-color: transparent;
}

[data-theme="stripe"][data-style="dark"] {
  --zt-bg:            #0A2540;
  --zt-surface:       #0E2F4D;
  --zt-surface-2:     #133358;
  --zt-border:        #1A3A62;
  --zt-border-strong: #204572;
  --zt-text:          #FFFFFF;
  --zt-text-muted:    #A3B1C2;
  --zt-text-soft:     #6B7E96;

  --zt-primary:          #7A73FF;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #4ED77B;
  --zt-warning:          #FFC670;
  --zt-danger:           #FF4D6D;
  --zt-info:             #5EE0FF;
}