/*
 * #196: Front Design System v2 legacy cleanup layer.
 *
 * main.css still contains older warm color, rounded-card, and shadow
 * declarations as the low-level theme base. This file is intentionally loaded
 * after design-system.css and before page-specific CSS so DS v2 tokens win
 * without changing templates, saved options, or page-specific layout files.
 */

body {
	background: var(--tt-color-base);
	color: var(--tt-color-text);
}

.site-header {
	border-bottom-color: var(--tt-color-border);
}

.site-header:has(.site-mobile-panel:not([hidden])) {
	box-shadow: none;
}

.site-header__cta:hover,
.site-header__cta:focus-visible,
.site-mobile-panel__cta:hover,
.site-mobile-panel__cta:focus-visible,
.button:hover,
.button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
	border-color: var(--tiptop-button-hover-bg);
	background: var(--tiptop-button-hover-bg);
	box-shadow: none;
	color: var(--tiptop-button-hover-text);
}

.site-nav .is-current > a,
.site-nav a:hover,
.site-nav a:focus-visible {
	color: var(--tiptop-link);
}


.site-nav .is-current > a,
.site-nav a:hover,
.site-nav a:focus-visible {
	border-bottom-color: var(--tiptop-link);
}

.archive-hero,
.section--surface {
	background: var(--tt-color-base);
}

/* 本実装（2026-08-07）：標準モードの角丸方針転換に合わせ、カード/画像系と構造ブロック系を分離。
 * 構造ブロック（process-list/service-detail/sidebar-section）は今回のスコープ外として角丸0を維持。 */
.archive-hero__image,
.card,
.post-card,
.entry__image img {
	border-radius: var(--tt-radius-md, 0);
	box-shadow: none;
}

.process-list article,
.service-detail,
.service-flow__list li,
.sidebar-section {
	border-radius: var(--tt-radius-none);
	box-shadow: none;
}

.site-menu-toggle {
	border-radius: var(--tiptop-utility-control-radius);
	box-shadow: none;
}

.site-social-links__link,
.site-menu-toggle,
.card,
.post-card,
.service-detail,
.service-flow__list li,
.sidebar-section {
	border-color: var(--tt-color-border);
}

.tiptop-contact-form .required {
	border: 1px solid var(--tt-color-border);
	border-radius: var(--tt-radius-none);
	background: var(--tt-color-base);
	color: var(--tt-color-heading);
}

.card::before,
.service-detail li::before {
	border-radius: var(--tt-radius-none);
	background: var(--tiptop-primary);
}

.process-list span,
.service-detail span,
.archive-hero__eyebrow,
.section__eyebrow,
.tiptop-service-eyebrow,
.service-flow__list li::before {
	color: var(--tiptop-primary);
}