:root{
    color-scheme: light dark;
    font-size: 18px;

    --01: #FFF1E8;
    --02: #FFCCAA;
    --03: #7E2553;
    --04: #1D2B53;

    --color-light: var(--01);
    --color-dark: var(--04);
    --color-dark--secondary: var(--03);
    --color-light--secondary: var(--02);

    --color-foreground: light-dark(var(--color-dark), var(--color-light));
    --color-background: light-dark(var(--color-light), var(--color-dark));
    --color-background--secondary: light-dark(
      var(--color-light--secondary),
      var(--color-dark--secondary)
    );
    --color-foreground--secondary: light-dark(
      var(--color-dark--secondary),
      var(--color-light--secondary)
    );

    --color-font: var(--color-foreground);

}