/* 606 Universal Shelving System (Dieter Rams, Vitsœ, 1960). A cor das prateleiras, do armário e das gavetas
   (--v606-cor) e a do tampo da secretária (--v606-tampo) vêm da ficha: branco-sujo, preto ou prata, cada uma
   também com o tampo em faia. O alumínio dos postes, dos pés e das ilhargas da secretária é sempre o mesmo */
.vitsoe-606 { --v606-cor: #ECEAE3; --v606-tampo: #ECEAE3; --v606-alu: #C2C6CB; }

/* os H-Posts, com a fila de furos à frente, de 7 em 7 cm (5,6 unidades). Na face -x (o ::after), a largura do
   elemento é a altura do poste, contada de cima: os furos vão numa fila, ao longo da largura */
.v606-pe { --c: var(--v606-alu); }
.v606-poste {
  --c: var(--v606-alu);
  --c1:
    radial-gradient(circle, #5F636B 0 calc(.42 * var(--u)), transparent calc(.6 * var(--u)))
      calc(-1.6 * var(--u)) 50% / calc(5.6 * var(--u)) 100% repeat-x,
    color-mix(in oklab, var(--v606-alu), var(--ink) 9%);
}

/* as prateleiras: um tabuleiro de 1,6 de grossura, com as duas pontas dobradas para cima em abas direitas, da
   mesma altura (11 cm) de trás à frente, só com o canto da frente, em cima, arredondado (o perfil de lado do
   guia da Vitsœ; a diagonal dos desenhos em perspectiva é o bordo de cima da aba, não uma rampa) */
.v606-prat { --c: var(--v606-cor); }
.v606-ponta {
  background: color-mix(in oklab, var(--v606-cor), var(--ink) 15%);
  border-top-left-radius: calc(2 * var(--u));
}

/* a secretária: o tampo, sem abas, mais fundo do que as prateleiras, e a prateleira lisa por baixo, recuada, no
   material do tampo (com abas para cima, batia-lhe) */
.v606-tampo, .v606-sob-tampo { --c: var(--v606-tampo); }

/* o armário de duas gavetas: por trás das frentes, escuro, para se verem as juntas; cada gaveta com o
   entalhe a meio, em cima, a fazer de puxador */
.v606-armario { --c: var(--v606-cor); --c1: color-mix(in oklab, var(--v606-cor), var(--ink) 38%); }
.v606-gaveta {
  background:
    linear-gradient(color-mix(in oklab, var(--v606-cor), var(--ink) 52%), color-mix(in oklab, var(--v606-cor), var(--ink) 52%))
      50% 0 / 18% 13% no-repeat,
    color-mix(in oklab, var(--v606-cor), var(--ink) 8%);
  border-radius: 0 0 calc(.4 * var(--u)) calc(.4 * var(--u));
}

/* os livros (as lombadas na frente e em cima) e os discos de 12" em cima do armário */
.v606-livros {
  --top: repeating-linear-gradient(180deg, #2B2937 0 calc(1.6 * var(--u)), #E7DFD0 0 calc(2.6 * var(--u)), #C0392B 0 calc(3.9 * var(--u)), #F2C14E 0 calc(4.8 * var(--u)), #3D6FB6 0 calc(6.4 * var(--u)), #EFEAE0 0 calc(7.2 * var(--u)), #5E8C6E 0 calc(8.6 * var(--u)));
  --c1: var(--top);
  --c2: #3D6FB6;
}
.v606-livros-2 {
  --top: repeating-linear-gradient(180deg, #E9573F 0 calc(1.3 * var(--u)), #F3EEE6 0 calc(2.2 * var(--u)), #1F1C2C 0 calc(3.6 * var(--u)), #9FB6D9 0 calc(4.7 * var(--u)), #D7C29A 0 calc(5.9 * var(--u)), #2B2937 0 calc(6.6 * var(--u)));
  --c2: #E9573F;
}
.v606-discos {
  --top: repeating-linear-gradient(180deg, #23212E 0 calc(.9 * var(--u)), #D9CFBC 0 calc(1.4 * var(--u)), #8A372A 0 calc(2 * var(--u)), #E8E1D3 0 calc(2.4 * var(--u)), #355F9C 0 calc(3.2 * var(--u)), #191724 0 calc(3.8 * var(--u)), #C8B288 0 calc(4.6 * var(--u)), #527C61 0 calc(5.3 * var(--u)));
  --c1: var(--top);
  --c2: #E8E1D3;
}