/* V0 marketing tokens — from pvmarket-ui-3h app/globals.css :root */

body.page-home-v0,
body.page-search-v2 {
  color-scheme: light;
  --home-v0-background: oklch(0.985 0.004 95);
  --home-v0-foreground: oklch(0.24 0.012 250);
  --home-v0-card: oklch(1 0 0);
  --home-v0-card-foreground: oklch(0.24 0.012 250);
  --home-v0-primary: oklch(0.52 0.1 159);
  --home-v0-primary-fg: oklch(0.99 0.01 150);
  --home-v0-secondary: oklch(0.96 0.006 95);
  --home-v0-secondary-fg: oklch(0.3 0.012 250);
  --home-v0-muted: oklch(0.96 0.005 95);
  --home-v0-muted-fg: oklch(0.52 0.012 250);
  --home-v0-border: oklch(0.91 0.006 95);
  --home-v0-solar: oklch(0.78 0.14 78);
  --home-v0-solar-fg: oklch(0.36 0.08 70);
  --home-v0-blue-chip: oklch(0.6 0.11 230);
  --home-v0-blue-chip-fg: oklch(0.45 0.11 230);
  --home-v0-radius: 0.75rem;
  --home-v0-radius-lg: calc(var(--home-v0-radius) * 1.15);
  --home-v0-radius-xl: calc(var(--home-v0-radius) * 1.35);
  --home-v0-radius-2xl: calc(var(--home-v0-radius) * 1.8);
  --home-v0-max-w: 80rem;
  --home-v0-font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
}

body.page-home-v0,
body.page-search-v2 {
  background: var(--home-v0-background);
  color: var(--home-v0-foreground);
}

/* style.css の h1–h4 { color: var(--text) } はダークテーマ用の薄色 — 上書き */
body.page-home-v0 h1,
body.page-home-v0 h2,
body.page-home-v0 h3,
body.page-home-v0 h4,
body.page-search-v2 h1,
body.page-search-v2 h2,
body.page-search-v2 h3,
body.page-search-v2 h4 {
  color: var(--home-v0-foreground);
}

body.page-home-v0 main h1,
body.page-home-v0 main h2,
body.page-home-v0 main h3,
body.page-home-v0 main h4,
body.page-search-v2 main h1,
body.page-search-v2 main h2,
body.page-search-v2 main h3,
body.page-search-v2 main h4 {
  color: var(--home-v0-foreground);
}

/* Hero は暗色背景 — 見出しは白（tokens の h1 上書きより優先） */
body.page-home-v0 .home-v0-hero .home-v0-hero-title {
  color: #fff;
}

/* style.css は main 内リンクをシアン＋下線にする — マーケティング home では無効化 */
body.page-home-v0 main a.home-v0-btn,
body.page-home-v0 main a.home-v0-journey-card,
body.page-home-v0 main a.home-v0-layer-card {
  text-decoration: none;
}

body.page-home-v0 main a.home-v0-journey-card,
body.page-home-v0 main a.home-v0-layer-card {
  color: var(--home-v0-card-foreground);
}

body.page-home-v0 main a.home-v0-btn--primary {
  color: var(--home-v0-primary-fg);
}

body.page-home-v0 main a.home-v0-btn--primary:hover {
  color: var(--home-v0-primary-fg);
}

body.page-home-v0 main a.home-v0-btn--outline-light,
body.page-home-v0 main a.home-v0-btn--outline-light:hover {
  color: white;
}

body.page-home-v0 main a.home-v0-journey-card:hover,
body.page-home-v0 main a.home-v0-layer-card:hover {
  color: var(--home-v0-card-foreground);
}

body.page-home-v0 .footer,
body.page-search-v2 .footer {
  background: transparent;
  border-top: none;
  padding: 0;
  margin: 0;
  max-width: none;
}

body.page-home-v0 main.container.home-v0-main {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

body.page-search-v2 main.container.search-v2-main {
  max-width: var(--home-v0-max-w);
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem 1rem 2.5rem;
}

@media (min-width: 640px) {
  body.page-search-v2 main.container.search-v2-main {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  body.page-search-v2 main.container.search-v2-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
