/* =====================================
   大逆転コラム用 ブロック共通設定
   公開画面・ブロックエディター共通
===================================== */

:root {
  --dg-color-main: #009a6c;
  --dg-color-main-dark: #007c57;
  --dg-color-accent: #f39800;
  --dg-color-accent-dark: #d67f00;
  --dg-color-light-bg: #fffbd0;
  --dg-color-pale-green: #e7f6f1;
  --dg-color-text: #333333;
  --dg-color-subtext: #666666;
  --dg-color-border: #dddddd;
  --dg-color-gray-bg: #f7f7f7;
  --dg-color-white: #ffffff;

  --dg-font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;

  --dg-content-width: 760px;
  --dg-wide-width: 1000px;

  --dg-font-size-base: 16px;
  --dg-font-size-small: 14px;
  --dg-font-size-large: 20px;
  --dg-line-height-base: 1.9;
  --dg-line-height-heading: 1.5;

  --dg-radius-small: 6px;
  --dg-radius-medium: 10px;
  --dg-radius-large: 16px;

  --dg-space-xs: 0.5em;
  --dg-space-sm: 1em;
  --dg-space-md: 1.6em;
  --dg-space-lg: 2.4em;
  --dg-space-xl: 3.2em;
}

/* theme.json のカラースラッグに対応する補助クラス */
.has-main-color {
  color: var(--dg-color-main) !important;
}

.has-main-background-color {
  background-color: var(--dg-color-main) !important;
}

.has-accent-color {
  color: var(--dg-color-accent) !important;
}

.has-accent-background-color {
  background-color: var(--dg-color-accent) !important;
}

.has-light-bg-color {
  color: var(--dg-color-light-bg) !important;
}

.has-light-bg-background-color {
  background-color: var(--dg-color-light-bg) !important;
}

.has-pale-green-color {
  color: var(--dg-color-pale-green) !important;
}

.has-pale-green-background-color {
  background-color: var(--dg-color-pale-green) !important;
}

.has-text-color {
  color: var(--dg-color-text) !important;
}

.has-text-background-color {
  background-color: var(--dg-color-text) !important;
}

.has-white-color {
  color: var(--dg-color-white) !important;
}

.has-white-background-color {
  background-color: var(--dg-color-white) !important;
}