/* ===================================================================== * TiRACING — Design Variants * * 4つの異なる雰囲気のデザインバリアント。 * 切替は * * すべての差分はここに集約 — assets/style.css 本体には触らない。 * ===================================================================== */ /* --------------------------------------------------------------- * Transition between variants — smooth color change * --------------------------------------------------------------- */ html { transition: background-color .35s ease, color .35s ease; } body, .site-header, .site-footer, .hero, .demo, .features, .counter, .parts-preview, .news, .cta-band, .work-card__media, .feature-card, .service-card, .demo-card, .btn, .footer-info dd, .parts-table, .bt-table, .company-info, .header-cta, .page-hero { transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease; } /* ===================================================================== * v1-classic : 現状のクラシック・プロフェッショナル（オーバーライドなし） * - 白 × リッチブラック × レーシングレッド * ===================================================================== */ [data-theme="v1-classic"] { /* defaults from style.css are used as-is */ } /* ===================================================================== * v2-carbon : フルダーク × カーボン質感 × ネオンレッド * - 背景全面ダーク、ガラス調ヘッダー、ネオンの赤 * - カーボン繊維パターン、グロー演出 * ===================================================================== */ [data-theme="v2-carbon"] { --ink: #f4f4f5; --ink-2: #f4f4f5; --ink-3: #d4d4d8; --paper: #0a0908; --paper-2: #14110f; --paper-3: #1f1c1a; --line: rgba(255,255,255,0.08); --line-2: rgba(255,255,255,0.16); --mute: rgba(244,244,245,0.55); --red: #ff2a3c; --red-deep: #c8001a; --gold: #d4a857; } /* Body & generic */ [data-theme="v2-carbon"] body { background: var(--paper); color: var(--ink-2); } [data-theme="v2-carbon"] em { color: var(--red); text-shadow: 0 0 18px rgba(255,42,60,0.5); } /* Carbon fibre texture (subtle) */ [data-theme="v2-carbon"] body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: 0.5; background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 4px); } [data-theme="v2-carbon"] .site-main, [data-theme="v2-carbon"] .site-header, [data-theme="v2-carbon"] .site-footer { position: relative; z-index: 1; } /* Header */ [data-theme="v2-carbon"] .site-header { background: rgba(10,9,8,0.82); border-bottom-color: var(--line); } [data-theme="v2-carbon"] .brand-logo { filter: invert(1) brightness(1.5); } [data-theme="v2-carbon"] .site-nav a { color: var(--ink-2); } [data-theme="v2-carbon"] .header-tel__lbl { color: var(--mute); } [data-theme="v2-carbon"] .header-tel__num { color: var(--ink-2); } [data-theme="v2-carbon"] .header-cta { background: var(--red); color: #fff !important; box-shadow: 0 0 20px rgba(255,42,60,0.4); } [data-theme="v2-carbon"] .header-cta:hover { background: #fff; color: var(--paper) !important; box-shadow: none; } [data-theme="v2-carbon"] .nav-toggle { border-color: var(--line-2); } [data-theme="v2-carbon"] .nav-toggle span { background: var(--ink-2); } /* Hero */ [data-theme="v2-carbon"] .hero { background: var(--paper); } [data-theme="v2-carbon"] .hero__slide.is-active { opacity: 0.4; } [data-theme="v2-carbon"] .hero__bg::after { background: radial-gradient(ellipse at 20% 30%, rgba(255,42,60,0.28), transparent 55%), linear-gradient(180deg, rgba(10,9,8,0.6) 0%, rgba(10,9,8,0.3) 50%, rgba(10,9,8,0.95) 100%); } [data-theme="v2-carbon"] .hero__title { text-shadow: 0 0 60px rgba(255,42,60,0.18); } /* Sections */ [data-theme="v2-carbon"] section { background: var(--paper); } [data-theme="v2-carbon"] .counter, [data-theme="v2-carbon"] .features, [data-theme="v2-carbon"] .parts-preview, [data-theme="v2-carbon"] .news { background: var(--paper-2); } [data-theme="v2-carbon"] .demo { background: #050403; } /* Counter cells */ [data-theme="v2-carbon"] .counter__grid { border-color: var(--red); background: var(--red); } [data-theme="v2-carbon"] .counter__cell { background: var(--paper); } [data-theme="v2-carbon"] .counter__cell::before { background: var(--red); box-shadow: 0 0 24px var(--red); } [data-theme="v2-carbon"] .counter__time { color: var(--ink-2); } [data-theme="v2-carbon"] .counter__car { color: var(--ink-3); } /* Concept */ [data-theme="v2-carbon"] .concept__visual { background: var(--paper-2); border: 1px solid var(--line); } /* Features */ [data-theme="v2-carbon"] .features__grid { border-color: var(--line); background: var(--paper); } [data-theme="v2-carbon"] .feature-card { border-color: var(--line); } [data-theme="v2-carbon"] .feature-card:hover { background: var(--paper-3); } [data-theme="v2-carbon"] .feature-card__title { color: var(--ink-2); } [data-theme="v2-carbon"] .feature-card__icon { color: var(--red); filter: drop-shadow(0 0 10px rgba(255,42,60,0.4)); } /* Services */ [data-theme="v2-carbon"] .services__grid { border-color: var(--ink-3); } [data-theme="v2-carbon"] .service-card { background: var(--paper-2); border-color: var(--line); color: var(--ink-2) !important; } [data-theme="v2-carbon"] .service-card::before { background: var(--red); } [data-theme="v2-carbon"] .service-card__price { background: var(--paper-3); color: var(--ink-2); } [data-theme="v2-carbon"] .service-card:hover .service-card__price { background: var(--paper); color: var(--red); } /* Works */ [data-theme="v2-carbon"] .work-card { background: var(--paper-2); } [data-theme="v2-carbon"] .work-card__title { color: var(--ink-2); } [data-theme="v2-carbon"] .work-card__media { background: #050403; } [data-theme="v2-carbon"] .work-card__plus { background: var(--red); color: #fff; } /* Parts table */ [data-theme="v2-carbon"] .parts-table-wrap { background: var(--paper); border-color: var(--line); } [data-theme="v2-carbon"] .parts-table { font-family: var(--font-mono); font-size: 13px; } [data-theme="v2-carbon"] .parts-table thead { background: var(--red); } [data-theme="v2-carbon"] .parts-table td { border-color: var(--line); color: var(--ink-3); } [data-theme="v2-carbon"] .parts-table__name strong { color: var(--ink-2); } [data-theme="v2-carbon"] .parts-table__price .price-num { color: var(--ink-2); } [data-theme="v2-carbon"] .parts-table__spec li::before { color: var(--red); } [data-theme="v2-carbon"] .parts-tabs__nav { border-bottom-color: var(--red); } [data-theme="v2-carbon"] .parts-tabs__btn.is-active, [data-theme="v2-carbon"] .bt-tabs__btn.is-active { color: var(--ink-2); } /* Best time table */ [data-theme="v2-carbon"] .bt-table { background: var(--paper); border-color: var(--line); } [data-theme="v2-carbon"] .bt-table thead { background: var(--red); } [data-theme="v2-carbon"] .bt-table td { border-color: var(--line); } [data-theme="v2-carbon"] .bt-table__car strong, [data-theme="v2-carbon"] .bt-table__time { color: var(--ink-2); } [data-theme="v2-carbon"] .bt-table tr.is-top td { background: rgba(255,42,60,0.06); } /* Buttons */ [data-theme="v2-carbon"] .btn-primary { background: var(--red); border-color: var(--red); box-shadow: 0 0 32px rgba(255,42,60,0.32); } [data-theme="v2-carbon"] .btn-primary:hover { background: #fff; color: var(--paper) !important; border-color: #fff; box-shadow: 0 0 40px rgba(255,255,255,0.2); } [data-theme="v2-carbon"] section:not(.hero):not(.cta-band):not(.demo) .btn-ghost { color: var(--ink-2) !important; border-color: var(--line-2); } [data-theme="v2-carbon"] section:not(.hero):not(.cta-band):not(.demo) .btn-ghost:hover { background: var(--ink-2); color: var(--paper) !important; border-color: var(--ink-2); } /* News */ [data-theme="v2-carbon"] .news__item a { color: var(--ink-2) !important; } [data-theme="v2-carbon"] .news__item a:hover { background: var(--paper); } [data-theme="v2-carbon"] .news__item { border-color: var(--line); } /* CTA */ [data-theme="v2-carbon"] .cta-band { background: linear-gradient(135deg, #1c0810 0%, #050403 100%); } [data-theme="v2-carbon"] .cta-band::before { background-image: repeating-linear-gradient(45deg, rgba(255,42,60,0.06) 0 1px, transparent 1px 14px); opacity: 1; } [data-theme="v2-carbon"] .checker-strip { background-image: repeating-linear-gradient(90deg, var(--ink-2) 0 16px, var(--red) 16px 32px); } /* Footer */ [data-theme="v2-carbon"] .site-footer { background: #050403; border-top: 1px solid var(--line); } [data-theme="v2-carbon"] .company-info { background: var(--paper-2); border-color: var(--line); } [data-theme="v2-carbon"] .company-info dt { background: var(--paper-3); border-color: var(--line); color: var(--ink-2); } [data-theme="v2-carbon"] .company-info dd { color: var(--ink-2); border-color: var(--line); } /* Page hero */ [data-theme="v2-carbon"] .page-hero { background: var(--paper-2); border-color: var(--line); } /* Eyebrow & mute */ [data-theme="v2-carbon"] .eyebrow { color: var(--ink-3); } /* ===================================================================== * v3-pit : ミニマル・エディトリアル — 白 × 極太タイポ × レッド差し色 * ===================================================================== */ [data-theme="v3-pit"] { --ink: #101010; --ink-2: #101010; --ink-3: #2a2a2a; --paper: #ffffff; --paper-2: #fafafa; --paper-3: #f0f0f0; --line: rgba(16,16,16,0.08); --line-2: rgba(16,16,16,0.18); --mute: rgba(16,16,16,0.55); --red: #ff1d2d; --red-deep: #d50012; --gold: #d4a857; --gutter: clamp(20px, 4.5vw, 80px); } /* Looser, larger type — editorial feel */ [data-theme="v3-pit"] .section-title { font-size: clamp(40px, 7vw, 96px); letter-spacing: -0.03em; line-height: 1.02; } [data-theme="v3-pit"] .hero__title { font-size: clamp(56px, 12vw, 180px); line-height: 0.95; letter-spacing: -0.04em; font-weight: 900; } [data-theme="v3-pit"] .section-head { margin-bottom: 80px; } [data-theme="v3-pit"] section { padding: clamp(100px, 14vw, 180px) 0; } [data-theme="v3-pit"] .kicker { font-size: 11px; color: var(--ink-2); } /* Header — minimal, no background blur */ [data-theme="v3-pit"] .site-header { background: var(--paper); backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 1px solid var(--ink-2); } [data-theme="v3-pit"] .site-header__bar { padding-top: 22px; padding-bottom: 22px; } [data-theme="v3-pit"] .header-cta { background: var(--ink-2); border-radius: 0; } [data-theme="v3-pit"] .header-cta:hover { background: var(--red); } /* Hero — almost no overlay, big white margin */ [data-theme="v3-pit"] .hero { min-height: 100vh; padding: 160px 0 100px; background: var(--paper); color: var(--ink-2); } [data-theme="v3-pit"] .hero__bg::after { background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.95) 100%); } [data-theme="v3-pit"] .hero__slide.is-active { opacity: 0.6; } [data-theme="v3-pit"] .hero__grid { display: none; } [data-theme="v3-pit"] .hero__title em { color: var(--red); } [data-theme="v3-pit"] .hero__lead { color: var(--ink-3); } [data-theme="v3-pit"] .hero__meta { color: var(--mute); border-top-color: var(--line); } [data-theme="v3-pit"] .hero__scroll { background: var(--line-2); } [data-theme="v3-pit"] .eyebrow { color: var(--ink-2); } [data-theme="v3-pit"] .hero .eyebrow::before { background: var(--ink-2); } /* Buttons — sharp, no radius */ [data-theme="v3-pit"] .btn { border-radius: 0; padding: 22px 38px; } [data-theme="v3-pit"] .btn-primary { background: var(--ink-2); border-color: var(--ink-2); } [data-theme="v3-pit"] .btn-primary:hover { background: var(--red); border-color: var(--red); } [data-theme="v3-pit"] .hero .btn-ghost { color: var(--ink-2) !important; border-color: var(--ink-2); } [data-theme="v3-pit"] .hero .btn-ghost:hover { background: var(--ink-2); color: var(--paper) !important; } /* Marquee — black bar */ [data-theme="v3-pit"] .marquee { background: var(--ink-2); border: none; padding: 28px 0; } [data-theme="v3-pit"] .marquee__item { font-size: 28px; letter-spacing: -0.5px; } /* Counter — minimal numbers, huge type */ [data-theme="v3-pit"] .counter { background: var(--paper); border-block: 1px solid var(--ink-2); } [data-theme="v3-pit"] .counter__grid { border: none; background: transparent; gap: 1px; background: var(--line); } [data-theme="v3-pit"] .counter__cell { padding: 60px 36px; } [data-theme="v3-pit"] .counter__time { font-size: clamp(56px, 7vw, 96px); font-weight: 900; } [data-theme="v3-pit"] .counter__cell::before { background: var(--red); height: 4px; } /* Concept — full-width portrait */ [data-theme="v3-pit"] .concept__grid { grid-template-columns: 4fr 7fr; } [data-theme="v3-pit"] .concept__visual { aspect-ratio: 3/4; } /* Features — no borders, white space */ [data-theme="v3-pit"] .features { background: var(--paper); } [data-theme="v3-pit"] .features__grid { border: none; gap: 8px; background: transparent; } [data-theme="v3-pit"] .feature-card { border: 0; padding: 64px 48px; background: var(--paper-2); } [data-theme="v3-pit"] .feature-card:hover { background: var(--ink-2); color: var(--paper); } [data-theme="v3-pit"] .feature-card:hover .feature-card__title, [data-theme="v3-pit"] .feature-card:hover .feature-card__no { color: var(--paper); } [data-theme="v3-pit"] .feature-card:hover .feature-card__desc { color: rgba(255,255,255,0.7); } [data-theme="v3-pit"] .feature-card:hover .feature-card__icon { color: var(--red); } [data-theme="v3-pit"] .feature-card__no { font-size: 56px; font-weight: 900; color: var(--ink-2); letter-spacing: -2px; } [data-theme="v3-pit"] .feature-card__title { font-size: 26px; } /* Services — big black cards */ [data-theme="v3-pit"] .services__grid { border: 0; gap: 1px; background: var(--ink-2); } [data-theme="v3-pit"] .service-card { border: 0; padding: 64px 48px; } [data-theme="v3-pit"] .service-card__title { font-size: 32px; } /* Works — bigger gap */ [data-theme="v3-pit"] .works-grid { gap: 48px; } [data-theme="v3-pit"] .work-card__title { font-size: 22px; } /* Demo — keep dark, sharper */ [data-theme="v3-pit"] .demo-card { border-radius: 0; } /* Parts */ [data-theme="v3-pit"] .parts-preview { background: var(--paper); border-top: 1px solid var(--ink-2); } [data-theme="v3-pit"] .parts-table thead { background: var(--ink-2); } /* CTA */ [data-theme="v3-pit"] .cta-band { background: var(--ink-2); } [data-theme="v3-pit"] .cta-band__title { font-size: clamp(40px, 6vw, 80px); } [data-theme="v3-pit"] .checker-strip { display: none; } /* Footer */ [data-theme="v3-pit"] .site-footer { background: var(--ink-2); } /* ===================================================================== * v4-heritage : ヴィンテージレーシング — アイボリー × 深紅 × ゴールド * - セリフ風 H2、レトロ印刷感、フィルムグレイン * ===================================================================== */ [data-theme="v4-heritage"] { --ink: #2b1d14; --ink-2: #2b1d14; --ink-3: #4a2e1f; --paper: #f4ecd8; --paper-2: #ebdcb6; --paper-3: #e0cf9e; --line: rgba(43,29,20,0.18); --line-2: rgba(43,29,20,0.32); --mute: rgba(43,29,20,0.62); --red: #a8121f; --red-deep: #75050f; --gold: #b08442; --font-en: "Barlow Condensed", Impact, sans-serif; } /* Vintage paper texture */ [data-theme="v4-heritage"] body { background: var(--paper); color: var(--ink-2); } [data-theme="v4-heritage"] body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: 0.06; background-image: radial-gradient(circle at 12% 25%, rgba(75,46,31,0.4) 0 2px, transparent 3px), radial-gradient(circle at 78% 60%, rgba(75,46,31,0.4) 0 1px, transparent 2px), radial-gradient(circle at 40% 80%, rgba(75,46,31,0.4) 0 1px, transparent 2px); background-size: 320px 280px, 180px 210px, 260px 240px; } [data-theme="v4-heritage"] .site-main, [data-theme="v4-heritage"] .site-header, [data-theme="v4-heritage"] .site-footer { position: relative; z-index: 1; } /* Heritage display type for H2/H1 — Italic accent in */ [data-theme="v4-heritage"] .section-title em, [data-theme="v4-heritage"] .hero__title em, [data-theme="v4-heritage"] .cta-band__title em { font-family: "Fraunces", "Times New Roman", Georgia, serif; font-style: italic; font-weight: 500; color: var(--red); } [data-theme="v4-heritage"] .section-title, [data-theme="v4-heritage"] .hero__title { font-weight: 800; } /* Header */ [data-theme="v4-heritage"] .site-header { background: rgba(244,236,216,0.94); border-bottom: 2px solid var(--ink-2); } [data-theme="v4-heritage"] .brand-logo { mix-blend-mode: multiply; } [data-theme="v4-heritage"] .header-cta { background: var(--red); } [data-theme="v4-heritage"] .header-cta:hover { background: var(--ink-2); } /* Hero */ [data-theme="v4-heritage"] .hero { background: var(--ink-2); } [data-theme="v4-heritage"] .hero__bg::after { background: radial-gradient(ellipse at 70% 30%, rgba(176,132,66,0.18), transparent 60%), linear-gradient(180deg, rgba(43,29,20,0.5) 0%, rgba(43,29,20,0.85) 100%); } [data-theme="v4-heritage"] .hero__title { color: var(--paper); } [data-theme="v4-heritage"] .hero__lead { color: rgba(244,236,216,0.72); } [data-theme="v4-heritage"] .eyebrow { color: var(--gold); } [data-theme="v4-heritage"] .hero .eyebrow::before { background: var(--gold); } /* Buttons — pill, vintage stamp */ [data-theme="v4-heritage"] .btn { border-radius: 50px; padding: 18px 36px; letter-spacing: 0.14em; } [data-theme="v4-heritage"] .btn-primary { background: var(--red); border-color: var(--red); box-shadow: inset 0 -3px 0 rgba(0,0,0,0.18); } [data-theme="v4-heritage"] .btn-primary:hover { background: var(--red-deep); } [data-theme="v4-heritage"] .btn-ghost { border-color: var(--gold); } [data-theme="v4-heritage"] section:not(.hero):not(.cta-band):not(.demo) .btn-ghost { border-color: var(--ink-2); } /* Marquee */ [data-theme="v4-heritage"] .marquee { background: var(--ink-2); border-block: 2px solid var(--gold); } [data-theme="v4-heritage"] .marquee__item { color: var(--paper); } [data-theme="v4-heritage"] .marquee__sep { color: var(--gold); } /* Counter */ [data-theme="v4-heritage"] .counter { background: var(--paper-2); } [data-theme="v4-heritage"] .counter__grid { border-color: var(--ink-2); background: var(--ink-2); } [data-theme="v4-heritage"] .counter__cell { background: var(--paper); } [data-theme="v4-heritage"] .counter__cell::before { background: var(--gold); height: 6px; } [data-theme="v4-heritage"] .counter__time { color: var(--red); } /* Concept */ [data-theme="v4-heritage"] .concept__visual { background: var(--ink-2); border: 6px solid var(--paper); outline: 2px solid var(--ink-2); } [data-theme="v4-heritage"] .concept__visual::after { background: var(--gold); height: 8px; } /* Features */ [data-theme="v4-heritage"] .features { background: var(--paper-2); } [data-theme="v4-heritage"] .features__grid { border: 2px solid var(--ink-2); background: var(--paper); } [data-theme="v4-heritage"] .feature-card { border-right-color: var(--ink-2); } [data-theme="v4-heritage"] .feature-card__no { color: var(--red); } [data-theme="v4-heritage"] .feature-card__icon { color: var(--gold); } [data-theme="v4-heritage"] .feature-card:hover { background: var(--paper-2); } /* Services */ [data-theme="v4-heritage"] .services__grid { border-color: var(--ink-2); border-width: 2px; } [data-theme="v4-heritage"] .service-card { background: var(--paper); } [data-theme="v4-heritage"] .service-card__num { color: var(--gold); } [data-theme="v4-heritage"] .service-card::before { background: var(--red); } [data-theme="v4-heritage"] .service-card__price { background: var(--paper-2); } [data-theme="v4-heritage"] .service-card__arrow { color: var(--red); } /* Works */ [data-theme="v4-heritage"] .work-card__media { background: var(--ink-2); } [data-theme="v4-heritage"] .work-card__badge { background: var(--red); } [data-theme="v4-heritage"] .work-card__type { color: var(--gold); } /* Demo */ [data-theme="v4-heritage"] .demo { background: var(--ink-2); } [data-theme="v4-heritage"] .demo::before { content: ""; position: absolute; inset: 0; opacity: 0.08; pointer-events: none; background-image: repeating-linear-gradient(0deg, var(--gold) 0 1px, transparent 1px 28px); } [data-theme="v4-heritage"] .demo .kicker { color: var(--gold); } [data-theme="v4-heritage"] .demo-card { background: var(--ink-3); border-color: rgba(176,132,66,0.2); } [data-theme="v4-heritage"] .demo-card__spec { color: var(--gold); } /* Parts */ [data-theme="v4-heritage"] .parts-preview { background: var(--paper-2); } [data-theme="v4-heritage"] .parts-table-wrap { background: var(--paper); border-color: var(--ink-2); border-width: 2px; } [data-theme="v4-heritage"] .parts-table thead { background: var(--ink-2); color: var(--paper); } [data-theme="v4-heritage"] .parts-table__price .price-yen { color: var(--red); } [data-theme="v4-heritage"] .parts-table__price .price-num { color: var(--ink-2); } [data-theme="v4-heritage"] .parts-tabs__nav, [data-theme="v4-heritage"] .bt-tabs__nav { border-bottom-color: var(--ink-2); } /* Best time */ [data-theme="v4-heritage"] .bt-table { background: var(--paper); border-color: var(--ink-2); border-width: 2px; } [data-theme="v4-heritage"] .bt-table thead { background: var(--ink-2); } [data-theme="v4-heritage"] .bt-table tr.is-top td { background: rgba(168,18,31,0.06); } [data-theme="v4-heritage"] .bt-table__pos { color: var(--red); } /* News */ [data-theme="v4-heritage"] .news { background: var(--paper-2); } [data-theme="v4-heritage"] .news__item { border-bottom-color: var(--ink-2); } [data-theme="v4-heritage"] .news__cat { background: var(--red); } [data-theme="v4-heritage"] .news__arrow { color: var(--gold); } /* CTA */ [data-theme="v4-heritage"] .cta-band { background: var(--ink-2); } [data-theme="v4-heritage"] .cta-band .kicker { color: var(--gold); } [data-theme="v4-heritage"] .checker-strip { background-image: repeating-linear-gradient(90deg, var(--gold) 0 16px, var(--paper) 16px 32px); } /* Footer */ [data-theme="v4-heritage"] .site-footer { background: var(--ink-2); border-top: 6px solid var(--gold); padding-top: 100px; } [data-theme="v4-heritage"] .footer-h { color: var(--gold); } [data-theme="v4-heritage"] .site-footer__strip .checker { background-image: repeating-linear-gradient(90deg, var(--gold) 0 24px, transparent 24px 48px), repeating-linear-gradient(90deg, var(--red) 0 24px, var(--red) 24px 48px); } /* Company info */ [data-theme="v4-heritage"] .company-info { border-color: var(--ink-2); border-width: 2px; } [data-theme="v4-heritage"] .company-info dt { background: var(--paper-2); border-color: var(--ink-2); } /* Page hero */ [data-theme="v4-heritage"] .page-hero { background: var(--ink-2); } [data-theme="v4-heritage"] .crumbs { color: var(--gold); } /* Reveal animation tweak: slower fade for vintage feel */ [data-theme="v4-heritage"] .reveal { transition: opacity 1.2s ease, transform 1.2s ease; } /* Heritage import — add Fraunces serif for italic accent */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@1,300;1,400;1,500&display=swap'); /* ===================================================================== * 共通: スイッチャー連動の "切替中ハイライト" (一瞬だけ赤い線) * ===================================================================== */ body.tir-switching::after { content: ""; position: fixed; left: 0; top: 0; right: 0; height: 3px; background: var(--red); z-index: 9999; animation: tir-switch-flash 0.8s ease; } @keyframes tir-switch-flash { 0% { transform: scaleX(0); transform-origin: left; } 60% { transform: scaleX(1); transform-origin: left; } 100% { transform: scaleX(1); transform-origin: right; opacity: 0; } }