@charset "utf-8";

:root {
  --shinkai-bg: #f7f3ed;
  --shinkai-surface: #eee5d9;
  --shinkai-text: #342e29;
  --shinkai-muted: #716458;
  --shinkai-line: #d8caba;
  --shinkai-primary: #795638;
  --shinkai-primary-hover: #59402b;
  --shinkai-on-primary: #ffffff;
  --shinkai-hero-bg: #59402b;
  --shinkai-on-hero: #fffaf4;
  --shinkai-accent: #ec6a22;
  --shinkai-on-accent: #241f1b;
  --shinkai-font-sans: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --shinkai-font-serif: "Noto Serif JP", "Yu Mincho", serif;
  --shinkai-content-max: 1160px;
  --shinkai-gutter: 24px;
  --shinkai-section-space: 112px;
  --shinkai-radius: 4px;
  --shinkai-image-shadow: 0 10px 24px rgba(38, 23, 12, 0.16);
  --shinkai-shadow-card: 0 8px 24px rgba(52, 46, 41, 0.06);
  --shinkai-transition: 180ms ease-out;

  --df-color-bg: var(--shinkai-bg);
  --df-color-surface: var(--shinkai-surface);
  --df-color-text: var(--shinkai-text);
  --df-color-muted: var(--shinkai-muted);
  --df-color-line: var(--shinkai-line);
  --df-color-primary: var(--shinkai-primary);
  --df-color-primary-hover: var(--shinkai-primary-hover);
  --df-color-on-primary: var(--shinkai-on-primary);
  --df-color-hero-bg: var(--shinkai-hero-bg);
  --df-color-on-hero: var(--shinkai-on-hero);
  --df-color-accent: var(--shinkai-accent);
  --df-color-on-accent: var(--shinkai-on-accent);
  --df-font-sans: var(--shinkai-font-sans);
  --df-font-serif: var(--shinkai-font-serif);
  --df-font-size-body: 16px;
  --df-line-height-body: 1.9;
  --df-content-max: var(--shinkai-content-max);
  --df-gutter: var(--shinkai-gutter);
  --df-section-space: var(--shinkai-section-space);
  --df-radius: var(--shinkai-radius);
  --df-shadow-card: var(--shinkai-shadow-card);
  --df-transition-duration: 180ms;
}