@charset "UTF-8";

/* Gutenberg（ブロック）用のコアCSSをフロントで確実に読み込む
/*---------------------------------------------------------*/
body {
  /* === Preset Colors === */
  --wp--preset--color--black: #261d14;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;

  --wp--preset--color--light-gray-01: #cec6c2;
  --wp--preset--color--light-gray-02: #a49a93;
  --wp--preset--color--dark-gray-01: #82776f;
  --wp--preset--color--dark-gray-02: #554a41;

  --wp--preset--color--error: #AF3A23;
  --wp--preset--color--key: #0084B9;
  --wp--preset--color--sabkey: #C39929;

  /* === Preset Gradients === */
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:
    linear-gradient(135deg, rgba(6,147,227,1) 0%, rgb(155,81,224) 100%);

  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:
    linear-gradient(135deg, rgb(122,220,180) 0%, rgb(0,208,130) 100%);

  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:
    linear-gradient(135deg, rgba(252,185,0,1) 0%, rgba(255,105,0,1) 100%);

  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red:
    linear-gradient(135deg, rgba(255,105,0,1) 0%, rgb(207,46,46) 100%);

  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:
    linear-gradient(135deg, rgb(238,238,238) 0%, rgb(169,184,195) 100%);

  --wp--preset--gradient--cool-to-warm-spectrum:
    linear-gradient(
      135deg,
      rgb(74,234,220) 0%,
      rgb(151,120,209) 20%,
      rgb(207,42,186) 40%,
      rgb(238,44,130) 60%,
      rgb(251,105,98) 80%,
      rgb(254,248,76) 100%
    );

  --wp--preset--gradient--blush-light-purple:
    linear-gradient(135deg, rgb(255,206,236) 0%, rgb(152,150,240) 100%);

  --wp--preset--gradient--blush-bordeaux:
    linear-gradient(
      135deg,
      rgb(254,205,165) 0%,
      rgb(254,45,45) 50%,
      rgb(107,0,62) 100%
    );

  --wp--preset--gradient--luminous-dusk:
    linear-gradient(
      135deg,
      rgb(255,203,112) 0%,
      rgb(199,81,192) 50%,
      rgb(65,88,208) 100%
    );

  --wp--preset--gradient--pale-ocean:
    linear-gradient(
      135deg,
      rgb(255,245,203) 0%,
      rgb(182,227,212) 50%,
      rgb(51,167,181) 100%
    );

  --wp--preset--gradient--electric-grass:
    linear-gradient(135deg, rgb(202,248,128) 0%, rgb(113,206,126) 100%);

  --wp--preset--gradient--midnight:
    linear-gradient(135deg, rgb(2,3,129) 0%, rgb(40,116,252) 100%);

  /* === Duotone === */
  --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
  --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
  --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
  --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
  --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
  --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
  --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
  --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');

  /* === Font Sizes === */
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;

  /* === Spacing === */
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;

  /* === Shadows === */
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined:
    6px 6px 0px -3px rgba(255, 255, 255, 1),
    6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}
:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}
@media (max-width: 768px) {
  :where(.wp-block-columns.is-layout-flex) {
    gap: 1em;
  }
}
.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}