@layer tokens {
  :root {
    /* color（--color-main の学科切り替えは下記 body.page-*。レイヤー順は core/layers.css） */
    --color-main: #8174b4;
    --color-text: #000;
    --color-gray: #eee;

    /* 本文・WYSIWYG 内の標準テキストリンク（.unit-ww-content a など） */
    --color-link: #1565c0;
    --color-link-visited: #6a1b9a;
    --color-link-hover: #0d47a1;
    --color-link-focus: #1565c0;

    --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;
    --color-admissions: #0086d1;


    /* 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;
  }

  /* 学科ページ: body のクラスで --color-main を学科色に差し替え（全レイヤーで var(--color-main) が効く） */
  body.page-bungaku {
    --color-main: var(--color-bungaku);
  }
  body.page-kyouiku {
    --color-main: var(--color-kyouiku);
  }
  body.page-shinri {
    --color-main: var(--color-shinri);
  }
  body.page-genbi {
    --color-main: var(--color-genbi);
  }
  body.page-kasei {
    --color-main: var(--color-kasei);
  }
  body.page-yakugaku {
    --color-main: var(--color-yakugaku);
  }
  body.page-kango {
    --color-main: var(--color-kango);
  }
  body.page-rikou {
    --color-main: var(--color-rikou);
  }
  body.page-daigakuin {
    --color-main: var(--color-daigakuin);
  }
  body.page-admissions {
    --color-main: var(--color-admissions);
  }
}