:root {
  /* Brand Palette */
  --pntd-c-red: #d90429;
  --pntd-c-turquoise: #00d9bf;
  --pntd-c-fuchsia: #e725e7;
  --pntd-c-yellow: #e8cf00;
  --pntd-c-black: #0a0a0a;

  /* Background Scale */
  --pntd-bg: #0a0a0a;
  --pntd-bg-deep: #050505;
  --pntd-bg-surface: #0f0f12;

  /* Glass System */
  --pntd-glass-bg: rgba(255, 255, 255, 0.05);
  --pntd-glass-bg-hover: rgba(255, 255, 255, 0.1);
  --pntd-glass-border: rgba(255, 255, 255, 0.1);
  --pntd-glass-border-hover: rgba(255, 255, 255, 0.25);
  --pntd-glass-blur: 14px;

  /* Glow Accents */
  --pntd-glow-turquoise: rgba(0, 217, 191, 0.3);
  --pntd-glow-fuchsia: rgba(231, 37, 231, 0.3);
  --pntd-glow-red: rgba(217, 4, 41, 0.3);
  --pntd-glow-yellow: rgba(232, 207, 0, 0.3);

  /* Typography */
  --pntd-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

  /* Easing Curves */
  --pntd-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --pntd-ease-smooth: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --pntd-ease-fast: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --pntd-ease-slow: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.pntd-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0.05;
  background-image:
    radial-gradient(rgba(255, 255, 255, 0.4) 1px, transparent 1px),
    radial-gradient(rgba(255, 255, 255, 0.4) 1px, transparent 1px);
  background-position: 0 0, 2px 2px;
  background-size: 4px 4px;
}

.pntd-glass {
  background: var(--pntd-glass-bg);
  backdrop-filter: blur(var(--pntd-glass-blur)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--pntd-glass-blur)) saturate(180%);
  border: 1px solid var(--pntd-glass-border);
}