/*************************************/
/*************************************/
/*               Colors              */
/*************************************/
/*************************************/
/* These two are kept because markup across the site still references var(--brand) directly
   in inline styles, and bootstrap-override.css uses them too. They now derive from the design
   system tokens in kk-design.css so there is one place to change the brand colour.
   New work should use --kk-primary / --kk-secondary. */
:root {
  --brand: var(--kk-primary, #A40021);
  --brandDarker: var(--kk-secondary, #7A0019);
}


/*************************************/
/*************************************/
/*               Fonts               */
/*************************************/
/*************************************/
/* Worstveld is the wordmark face and nothing else -- the app loads it for exactly one string,
   the "Kotoba Kards" lockup in the header, and the web uses it the same way in the navbar. */
@font-face {
    font-family: 'worstveld_sling_bold_obliquRg';
    src: url('worstveld_bold_oblique-webfont.woff2') format('woff2'),
         url('worstveld_bold_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.brand-font {
	font-family: 'worstveld_sling_bold_obliquRg';
	margin-bottom: -5px;
}

.system-jp-regular {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,YuGothic,"Yu Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-weight: 400;
	font-style: normal;
}

.noto-sans-jp-regular {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.noto-serif-jp-regular {
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
	font-style: normal;
}

.yomogi-regular {
	font-family: "Yomogi", cursive;
	font-weight: 400;
	font-style: normal;
}


/*************************************/
/*************************************/
/*          Everything else          */
/*************************************/
/*************************************/
/* Buttons, backgrounds, forms, .callout and .jp-xl used to live here as a pile of !important
   overrides. They moved to css/kk-design.css, which expresses them through Bootstrap's own
   --bs-* custom properties instead, so the same class names now carry the app's look. */