@charset "UTF-8";

/*
 * 地域展開で変更してよい配色だけを定義する。
 * 寸法・余白・配置・ブレークポイントは common.css / top.css の原型を使う。
 */
:root {
    --color-primary: #308be6;
    --color-secondary: #83b9f0;
    --color-tertiary: #70c0c4;
    --color-accent: #f26a46;
    --color-accent-link: #0058a0;
    --color-text-primary: #495057;
    --color-region-bg: #ecf5fd;
    --color-link-text: #0058a0;
    --color-action-primary: #0058a0;
    --color-action-accent: #cc3d3d;
    --color-text-muted: #6c757d;
    --color-focus-ring: #142950;
    --color-grandient-primary: linear-gradient(90deg, rgba(255, 226, 0, 1) 0%, var(--color-tertiary) 20%, var(--color-primary) 100%);
    --color-grandient-secondary: linear-gradient(90deg, var(--color-tertiary) -30%, var(--color-primary) 70%);
}

body {
    background-color: #ecf5fd;
}

/* メイン背景（トップ含む全ページ）を地域配色に合わせる（common.css は展開元の固定色のまま）。 */
.l-page-container {
    background: #ecf5fd;
}

/* Semantic foregrounds keep the brighter regional palette available for decoration. */
.school-heading .en,
.school-profile-v2 .school-detail__name__text__en,
.c-review__user-name,
.c-review__user-info dt,
.success-box-ex-list li,
.school__cards .school__ttl_ja,
.c-profile-card__tag {
    color: var(--color-text-muted);
}

.school-profile-v2 .school-detail__name__text__ja,
.school-profile-v2 .school-detail__special,
.school-profile-v2 .school-detail__table__url,
.school-profile-v2 .school-detail__map-link,
.school-profile-v2 .school-detail__subheading,
.school-profile-v2 .school-detail__recommends__list dt,
.school-profile-v2 .school-profile-v2__resources summary,
.school-profile-v2 .school-profile-v2__resource-card:hover,
.school-profile-v2 .school-profile-v2__resource-card:focus-visible,
.school-profile-v2__toc-list a:hover,
.school-profile-v2__toc-list a:focus-visible {
    color: var(--color-link-text);
}

.school-profile-v2 .school-detail__fee__title,
.school-profile-v2 .school-detail__course thead th,
.school-profile-v2 .school-detail__course tbody th::before {
    background-color: var(--color-action-primary);
}

.school-profile-v2 .school-detail__course tbody td::before {
    background-color: var(--profile-soft-bg);
    color: var(--color-link-text);
}

.school-detail-profile-page .school-profile-v2 .school-detail__course__note {
    color: var(--color-text-muted);
}

/* リンク矢印・外部リンクアイコンの固定色フィルタを --color-primary(#308be6) 相当へ上書きする。 */
.text-link.has-icon:before,
.icon-externallink:after,
.school__cards a.school__card .school__ttl_en::after {
    filter: brightness(0) saturate(100%) invert(69%) sepia(6%) saturate(4145%) hue-rotate(180deg) brightness(85%) contrast(88%);
}