/*
Theme Name: surala TemplateB
Description: surala Official Theme
Author: Lacicu Inc.
Version: 0.9.0
*/
:root {
  --mist-gray: rgba(196, 196, 196, 1);
  --pumice: rgba(201, 201, 201, 1);
  --gray-nurse: rgba(232, 232, 232, 1);
  --white: rgba(255, 255, 255, 1);

  --green: rgba(17, 195, 120, 1);
  --orange: rgba(255, 118, 0, 1);
  --gray: rgba(69, 69, 69, 1);
  --desert-storm: rgba(248, 248, 248, 1);
  --dark-gray: rgba(35, 24, 21, 1);

  --black-2: rgba(0, 0, 0, 0.298);
  --black-3: rgba(0, 0, 0, 0.4);
  --black: rgba(0, 0, 0, 1);
  --eerie-black: rgba(25, 25, 25, 1);
  --mine-shaft: rgba(51, 51, 51, 1);
  --fuscous-gray: rgba(85, 85, 85, 1);
  --storm-dust: rgba(100, 100, 100, 1);

  --white: rgba(255, 255, 255, 1);

  --primary-color: var(--green);
  --secondary-color: var(--gray);
  --ternary-color: var(--gray-nurse);
  --pale-bg-color: var(--desert-storm);

  --hover-color: var(--white);
  --accent-color: var(--orange);
  --main-text-color: var(--black);
  --main-border-color: var(--black);

  /* //ブログ */
  --breadcrumb-color: var(--mist-gray);

  /* //ブログ一覧ページ */
  --blog-list-title-color: var(--eerie-black);
  --blog-list-text-color: var(--fuscous-gray);

  --blog-arrow-color: var(--dark-gray);

  /* // ブログ詳細ページ */
  --blog-text-color: var(--mine-shaft);
  --blog-title-color: var(--black);
  --blog-content-color: var(--storm-dust);
  --blog-header-color: var(--fuscous-gray);

  /* // typography */
  --theme-font-family: "Kiwi Maru", sans-serif;
  --theme-font-weight: 500;
  --theme-font-weight-bold: 700;
  --theme-en-font-family: "Arvo", sans-serif;
  --theme-en-font-weight: 500;


}