:root {
  --skin-wordmark: url("/assets/brand-v2/mintit-wordmark-metallic-ui-v2.webp");
  --skin-medallion: url("/assets/brand-v2/mintit-medallion-metallic-ui-v2.webp");
  --skin-action-edge: url("/assets/brand-v2/mintit-action-edge-founder-v1.png");
  --skin-accent: #62ef9d;
  --skin-accent-bright: #c4ffdb;
  --skin-metal: #e5bd61;
  --skin-surface: #07110c;
  --skin-background: #020604;
  --skin-atmosphere-top: #0a2a1b;
  --skin-atmosphere-upper: #082117;
  --skin-atmosphere-mid: #06180f;
  --skin-atmosphere-lower: #04110b;
  --skin-atmosphere-deep: #020805;
  --skin-atmosphere-floor: #010403;
  --skin-atmosphere-bloom: rgba(43, 145, 90, .26);
  --skin-atmosphere-bloom-soft: rgba(20, 73, 46, .13);
  --skin-atmosphere-crown: rgba(47, 128, 83, .22);
  --skin-ember-hot: #fff7b2;
  --skin-ember-bright: #f0c55d;
  --skin-ember-rich: #c97c25;
  --skin-ember-glow: rgba(241, 193, 79, .8);
  --skin-ember-aura: rgba(190, 106, 25, .42);
  --control-frame-highlight: #f4dfa2;
  --control-frame: #9d7b39;
  --control-frame-shadow: #315a43;
  --control-inner-rim: rgba(70, 222, 135, .09);
  --control-inner-rim-hover: rgba(88, 239, 151, .16);
  --control-lens-idle-top: #0c3522;
  --control-lens-idle: #04130b;
  --control-lens-well: #020805;
  --control-lens-ready-top: #a9ffc1;
  --control-lens-ready: #37ec7e;
  --control-lens-ready-deep: #15974d;
  --control-lens-busy-top: #173a29;
  --control-lens-busy: #07170f;
  --control-ready-frame: #8fffb3;
  --control-label: #f2dfa0;
  --control-label-ready: #03180c;
  --control-label-glow: rgba(86, 239, 145, .2);
  --control-focus: #c4ffdb;
  --control-specular: rgba(255, 255, 255, .13);
  --control-specular-line: rgba(255, 245, 192, .62);
  --control-glow-idle: rgba(54, 230, 128, .08);
  --control-glow-hover: rgba(54, 230, 128, .2);
  --control-glow: rgba(53, 236, 126, .55);
  --control-glow-soft: rgba(42, 218, 109, .2);
  --control-diode-edge: rgba(209, 255, 220, .7);
  --control-diode-hot: #d9ffe1;
  --control-diode: #35e777;
  --control-diode-deep: #0b6935;
  --control-aura: rgba(53, 231, 119, .46);
  --control-disabled-top: #18201c;
  --control-disabled: #090d0b;
  --control-disabled-frame: #454c48;
  --control-disabled-frame-deep: #1e2421;
  --control-disabled-label: #7d8b82;
  --control-disabled-diode: #29302c;
}

/* Founder v8.57 ember atmosphere, rewritten for this device-local PWA face. */
.mintit-ember-layer {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.mintit-ember {
  position: absolute;
  top: 0;
  left: var(--ember-x, 50%);
  width: var(--ember-size, 3px);
  height: var(--ember-size, 3px);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, var(--skin-ember-hot) 0%, var(--skin-ember-bright) 32%, var(--skin-ember-rich) 68%, transparent 74%);
  box-shadow: 0 0 .38rem var(--skin-ember-glow), 0 0 .9rem var(--skin-ember-aura);
  opacity: 0;
  will-change: transform, opacity;
  animation: mintit-ember-rise var(--ember-duration, 9s) infinite cubic-bezier(.36, 0, .3, 1);
  animation-delay: var(--ember-delay, 0s);
}

.mintit-ember-layer.paused .mintit-ember {
  animation-play-state: paused;
}

@keyframes mintit-ember-rise {
  0% { opacity: 0; transform: translate3d(0, 104vh, 0) scale(.18); }
  11% { opacity: var(--ember-opacity, .68); }
  48% { opacity: var(--ember-opacity-soft, .54); transform: translate3d(var(--ember-drift, 12px), 49vh, 0) scale(.72); }
  88% { opacity: var(--ember-opacity-tail, .34); }
  100% { opacity: 0; transform: translate3d(var(--ember-drift-end, -8px), -10vh, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .mintit-ember-layer { display: none; }
}