.c--block {
  /* === Default Values === */
  --block_c: var(--body-c);
  --block_bg: var(--body-bg);

  /* === Computed Values === */
  --_block_c: var(--block-type_c, var(--block_c));
  --_block_bg: var(--block-type_bg, var(--block_bg));

  --_block-label_c: var(--block-label_c, var(--c-primary-500));
  --_block-label_m-b-e: var(--block-label_m-b-e, var(--scale-700));

  --_block-description_m-b-e: var(--block-description_m-b-e, var(--scale-600));

  /* === Properties === */
  --_block_p: var(--block_p, 1rem);
  --_block_b-r: var(--block_b-r, 0.25rem);

  /* === Apply Styles === */
  color: var(--_block_c);
  background: var(--_block_bg);
  padding: var(--_block_p);
  border-radius: var(--_block_b-r);
  transition: color 0.3s, background 0.3s;
}

  .c--block .block_label {
    color: var(--_block-label_c);
    margin-block-end: var(--_block-label_m-b-e);
  }

  .c--block .block-description {
    margin-block-end: var(--_block-description_m-b-e);
  }