@layer tokens {
    :root, .editor-styles-wrapper {
        color-scheme: light dark;
        --gijinkakuncore-background: light-dark(#fff, #000);
        --gijinkakuncore-foreground: light-dark(#000, #fff);
        --gijinkakuncore-note-paper: light-dark(#fff7d5, #282720);
        --gijinkakuncore-note-paper-alt: light-dark(#fff3e5, #292520);
        --gijinkakuncore-note-ink: light-dark(#202638, #f3ecdf);
        --gijinkakuncore-note-lines: light-dark(rgb(184 158 89 / 10%), rgb(255 233 170 / 7%));
        --gijinkakuncore-note-category: light-dark(#c2410c, #ffb176);
        --gijinkakuncore-note-tape: light-dark(rgb(225 195 157 / 60%), rgb(177 149 108 / 50%));
        --gijinkakuncore-note-fold-start: light-dark(#f1dec7, #40382e);
        --gijinkakuncore-note-fold-end: light-dark(#fffaf2, #665341);
        --gijinkakuncore-note-shadow: light-dark(rgb(55 39 14 / 15%), rgb(0 0 0 / 35%));
    }
    :root[data-gijinkakuncore-mode="light"], .editor-styles-wrapper {
        color-scheme: light;
    }
    :root[data-gijinkakuncore-mode="dark"] {
        color-scheme: dark;
    }
    :root, :root[data-gijinkakuncore-mode] {
        @media print {
            & {
                color-scheme: light;
            }
        }
    }
}