ng-custom-properties#card-with-css-props.ts

@Component({
  selector: 'app-card',
  template: `
  <header></header>
  <main>
    <section class="top"></section>
    <button class="fab">+</button>
    <section class="bottom"></section>
  </main>
  `,
  styles: [`
    header {
      background-color: var(--primary);
     }

    .fab {
      background-color: var(--accent);
    }

    // ... 
`]
})
export class CardComponent {}