/* Halo, da Moonside (O Series): o candeeiro que o José e o Claude programaram por Bluetooth para
   mostrar o estado do Claude Code (o projecto claude-lamp, no Norman). Uma caixa translúcida, de
   acrílico fosco, com um anel de luz lá dentro que parece flutuar: o anel está a meio da caixa e as
   faces velam-no, com a luz espalhada por elas. As medidas (cerca de 30 por 15 por 30 cm) são
   palpite. A cor de origem é o «amarelo torrado» de quando o Claude está à espera (230, 130, 10).
   Desenhado de frente para +y; o ponto de apoio é o centro da base. */
@property --mh-luz { syntax: "<color>"; inherits: true; initial-value: #E6820A; }
.moonside-halo { --mh-luz: #E6820A; }
.moonside-halo .mh-caixa {
  --c: radial-gradient(ellipse at 50% 50%, color-mix(in oklab, var(--mh-luz), transparent 72%), transparent 70%), rgb(250 252 255 / .3);
  --c1: radial-gradient(ellipse at 50% 55%, color-mix(in oklab, var(--mh-luz), transparent 62%), transparent 72%), rgb(244 247 252 / .3);
  --c2: radial-gradient(circle at 50% 52%, color-mix(in oklab, var(--mh-luz), transparent 50%) 0 22%, color-mix(in oklab, var(--mh-luz), transparent 80%) 42%, transparent 66%), rgb(248 250 254 / .32);
}
/* as arestas do acrílico: um fio cinzento por fora e um claro por dentro, para a caixa se ler tanto no
   escuro do Lab como no claro do catálogo */
.moonside-halo .mh-caixa, .moonside-halo .mh-caixa::before, .moonside-halo .mh-caixa::after {
  box-shadow: inset 0 0 0 calc(.3 * var(--u)) rgb(120 130 148 / .55), inset 0 0 0 calc(.7 * var(--u)) rgb(255 255 255 / .55);
}
.moonside-halo .mh-anel {
  border-radius: 50%;
  border: calc(2.2 * var(--u)) solid color-mix(in oklab, var(--mh-luz), #fff 50%);
  box-shadow: 0 0 calc(5 * var(--u)) calc(1 * var(--u)) color-mix(in oklab, var(--mh-luz), transparent 25%),
              inset 0 0 calc(4 * var(--u)) color-mix(in oklab, var(--mh-luz), transparent 35%);
}