@layer tokens {
  :root {
    /* color */
    --color-main: #8174b4;
    --color-text: #000;
    --color-gray: #eee;

    --color-bungaku: #eb6e8f;
    --color-kyouiku: #f28476;
    --color-shinri: #f59231;
    --color-genbi: #83c062;
    --color-kasei: #32bdbd;
    --color-yakugaku: #21c1f1;
    --color-kango: #689bd0;
    --color-rikou: #9d78b2;
    --color-daigakuin: #b7687b;

    /* font */
    --font-family-base: "Zen Kaku Gothic New", sans-serif;
    --font-family-zenold: "Zen Old Mincho", sans-serif;
    --font-family-cormorant: "Cormorant Garamond", serif;

    --font-weight-normal: 500;
    --font-weight-bold: 700;
  }
}