:root{
  /* radii — only three exist */
  --radius-card:6px;
  --radius-panel:10px;
  --radius-pill:9999px;

  /* borders */
  --border-hairline:1px;

  /* blur — every dark surface floats over the sky */
  --blur-glass:10px;

  /* glows: the logo reads as a moon */
  --glow-moon:0 0 50px 8px rgba(245,239,217,.35), 0 0 110px 36px rgba(197,160,89,.16);

  /* motion */
  --ease-standard:ease; /* @kind other */
  --duration-hover:.25s; /* @kind other */
  --duration-atmosphere:1s; /* @kind other */
  --transition-hover:opacity var(--duration-hover) var(--ease-standard);

  /* rule */
  --rule-width:48px;
  --rule-height:2px;
}