:root {
  --eco-brand-red: #df6b72;
  --eco-brand-red-bright: #e77b82;
  --eco-brand-red-deep: #9d343e;
  --eco-carbon: #07101b;
  --eco-graphite: #0c1724;
  --eco-panel: rgba(15, 29, 45, .72);
  --eco-panel-solid: #0f1d2d;
  --eco-panel-soft: rgba(22, 39, 57, .62);
  --eco-ivory: #f4f7fb;
  --eco-silver: #9baabd;
  --eco-hairline: rgba(154, 190, 218, .17);
  --eco-hairline-hot: rgba(223, 107, 114, .38);
  --bg: #07101b;
  --card: rgba(15, 29, 45, .72);
  --surface: rgba(15, 29, 45, .72);
  --soft: rgba(22, 39, 57, .62);
  --text: #f4f7fb;
  --muted: #9baabd;
  --border: rgba(154, 190, 218, .17);
  --accent: #c94c57;
  --accent-dark: #8e3039;
  --tx: #f4f7fb;
  --tx-2: #c6d1df;
  --tx-3: #9baabd;
  --surface-2: rgba(22, 39, 57, .62);
  --line: rgba(154, 190, 218, .17);
}

body.eco-app-polished {
  background:
    radial-gradient(circle at 78% 12%, rgba(55, 121, 162, .14), transparent 34%),
    radial-gradient(circle at 8% 78%, rgba(169, 53, 66, .1), transparent 32%),
    #07101b !important;
  color: #f4f7fb !important;
}

body.eco-app-polished :is(.card, .hero-shell, .team-home-hero, .apple-command-center, .tools, dialog, .modal-card, .confirm-card) {
  border-color: rgba(154, 190, 218, .17) !important;
  background:
    linear-gradient(145deg, rgba(27, 42, 59, .76), rgba(10, 20, 32, .72)) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.eco-app-polished :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]) {
  border-color: rgba(154, 190, 218, .17) !important;
  background: rgba(4, 12, 21, .58) !important;
  color: #f4f7fb !important;
}

body.eco-app-polished :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]):focus {
  border-color: rgba(142, 201, 235, .62) !important;
  box-shadow: 0 0 0 4px rgba(142, 201, 235, .09) !important;
}