/* STIPE Shared UI 1.0.0 — canonical design values. See README.md in this folder. */
@font-face {
  font-family: STIPEUIInter;
  src: url("fonts/inter-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
.st-ui {
  --st-bg: #141414;
  --st-surface: #1c1c1c;
  --st-surface-raised: #242321;
  --st-input: #171716;
  --st-text: #f6f3ee;
  --st-muted: #aaa8a5;
  --st-line: #353432;
  --st-control-line: #746e66;
  --st-orange: #ff845f;
  --st-orange-hover: #ff997a;
  --st-orange-ink: #24160e;
  --st-orange-soft: #33251f;
  --st-focus: #ffc2a9;
  --st-success: #add4a6;
  --st-success-bg: #202b21;
  --st-warning: #ecc278;
  --st-warning-bg: #30291e;
  --st-danger: #ffb0a8;
  --st-danger-bg: #362320;
  --st-danger-hover: #492a26;
  --st-backdrop: #000b;
  --st-world-shade: linear-gradient(0deg, #141414 5%, #14141400 95%);
  --st-action-shadow: 0 4px 20px #ff845f20;
  --st-font: STIPEUIInter, Arial, sans-serif;
  --st-mono: ui-monospace, Consolas, monospace;
  --st-text-xs: 12px;
  --st-text-sm: 13px;
  --st-text-base: 14px;
  --st-text-lg: 16px;
  --st-space-1: 4px;
  --st-space-2: 8px;
  --st-space-3: 12px;
  --st-space-4: 16px;
  --st-space-5: 24px;
  --st-space-6: 32px;
  --st-space-7: 48px;
  --st-radius-sm: 6px;
  --st-radius: 10px;
  --st-radius-lg: 16px;
  --st-shadow: 0 14px 38px #0003;
  --st-duration: 180ms;
  --st-sticky-top: 24px;
  --st-tier: #ecc278;
  --st-tier-line: #766040;
  --st-tier-surface: #332a20;
  --st-tier-deep: #211f1b;
  --st-tier-glow: #ecc2782c;
}
.st-ui [data-st-tone="budget"], .st-ui[data-st-tone="budget"] {
  --st-tier: #a9c992; --st-tier-line: #48573d;
  --st-tier-surface: #22291f; --st-tier-deep: #1b201b; --st-tier-glow: #a9c99224;
}
.st-ui [data-st-tone="premium"], .st-ui[data-st-tone="premium"] {
  --st-tier: #ecc278; --st-tier-line: #766040;
  --st-tier-surface: #332a20; --st-tier-deep: #211f1b; --st-tier-glow: #ecc2782c;
}