/* Stanseed / proplaiz 共通。LPには build.js が同じ内容を出力する。 */
:root {
  --brand-font-sans: "IBM Plex Sans JP", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --brand-font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;
  --brand-text: #262d30;
  --brand-muted: #4b5357;
  --brand-subtle: #697277;
  --brand-text-size: 16px;
  --brand-lead-size: 18px;
  --brand-caption-size: 14px;
  --brand-section-title-size: 28px;
  --brand-subtitle-size: 20px;
  --brand-control-size: 15px;
  --brand-text-leading: 1.9;
  --brand-control-radius: 999px;
  --brand-control-height: 52px;
  --brand-section-space: 48px;
  --brand-section-heading-gap: 32px;
  --brand-gutter: 22px;
  --brand-content-width: 1200px;
  --brand-reading-width: 1040px;
  --brand-card-radius: 12px;
}
@media (min-width: 601px) {
  :root {
    --brand-section-space: 72px;
    --brand-gutter: 28px;
  }
}
@media (min-width: 720px) {
  :root {
    --brand-text-size: 17px;
    --brand-section-title-size: 36px;
    --brand-subtitle-size: 21px;
    --brand-section-heading-gap: 36px;
  }
}
@media (min-width: 851px) {
  :root { --brand-gutter: 44px; }
}