/* B案：既存コーポレート globals.css / Button.tsx / HeroSection.tsx を参照。
   採用サイトのみで読み込み、調査中の採用デッキには適用しない。 */
[data-theme="panorama"] {
  --ink: #0f172a;
  --accent: #1e40af;
  --corporate-primary: #1e40af;
  --corporate-primary-dark: #1e3a8a;
  --corporate-primary-light: #3b82f6;
  --corporate-secondary: #0ea5e9;
  --corporate-cyan: #06b6d4;
  --dark: #0f172a;
  --muted: #475569;
  --line: #e2e8f0;
  --wash: #f1f5f9;
  --ice: #67e8f9;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}
[data-theme="panorama"] .site-header {
  height: 80px;
  background: #fff;
  color: #0f172a;
  border-bottom: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px #0f172a0a;
}
[data-theme="panorama"] .desktop-nav > a:not(.header-cta) {color:#334155}
[data-theme="panorama"] .desktop-nav > a:not(.header-cta):hover {color:var(--corporate-primary)}
[data-theme="panorama"] .desktop-nav .header-cta {
  border-radius: 9999px;
  background: var(--corporate-primary);
  padding: 11px 23px;
  box-shadow: 0 6px 15px #1e40af1a;
  transition: background .2s, box-shadow .2s;
}
[data-theme="panorama"] .desktop-nav .header-cta:hover {
  background: var(--corporate-primary-dark);
  box-shadow: 0 9px 20px #1e40af26;
  text-decoration: none;
}
[data-theme="panorama"] .menu-toggle {color:#334155;border-color:#cbd5e1;border-radius:9999px;padding:9px 16px}
[data-theme="panorama"] .recruit-hero {background:#0f172a}
[data-theme="panorama"] .hero-photo:after {background:linear-gradient(90deg,#0f172aeb 0%,#0f172aa6 65%,#0f172a85 100%)}
[data-theme="panorama"] .hero-title-line {display:block}
[data-theme="panorama"] .brand-gradient {background:linear-gradient(90deg,#60a5fa,#22d3ee);background-clip:text;-webkit-background-clip:text;color:transparent}
[data-theme="panorama"] .hero-copy .eyebrow {color:#bae6fd}
[data-theme="panorama"] .hero-copy .hero-signature {color:#cbd5e1}
[data-theme="panorama"] .hero-actions {gap:16px}
[data-theme="panorama"] .button {
  justify-content:center;
  gap:12px;
  border-radius:9999px;
  padding:16px 32px;
  font-weight:600;
  transition:background .2s,color .2s,box-shadow .2s;
}
[data-theme="panorama"] .button-primary {background:var(--corporate-primary);box-shadow:0 10px 15px -3px #1e40af33,0 4px 6px -4px #1e40af33}
[data-theme="panorama"] .button-primary:hover {background:var(--corporate-primary-dark)}
/* コーポレートのヒーローCTAは共通 primary に blue-600 / blue-700 を上書きしている。 */
[data-theme="panorama"] .hero-actions .button-primary {background:#2563eb;box-shadow:0 10px 15px -3px #3b82f680,0 4px 6px -4px #3b82f680}
[data-theme="panorama"] .hero-actions .button-primary:hover {background:#1d4ed8;box-shadow:0 14px 24px -6px #3b82f680}
[data-theme="panorama"] .hero-actions .hero-secondary {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:14px 30px;
  border:2px solid #fff;
  border-radius:9999px;
  color:#fff;
  gap:14px;
  font-weight:600;
  transition:background .2s,color .2s;
}
[data-theme="panorama"] .hero-actions .hero-secondary:hover {background:#fff;color:#0f172a}
[data-theme="panorama"] .button span {transition:transform .2s}
[data-theme="panorama"] .button:hover span {transform:translateX(3px)}
[data-theme="panorama"] .deck-section {background:#f1f5f9}
[data-theme="panorama"] .closing-section {background:#0f172a}
[data-theme="panorama"] a:focus-visible,[data-theme="panorama"] button:focus-visible {outline:3px solid #3b82f6;outline-offset:5px}
@media(max-width:780px){
  [data-theme="panorama"] .site-header{height:76px}
  [data-theme="panorama"] .hero-photo:after{background:linear-gradient(90deg,#0f172ae0,#0f172ab8)}
  [data-theme="panorama"] .hero-actions{align-items:stretch;flex-direction:column;max-width:340px;gap:14px}
  [data-theme="panorama"] .hero-actions .button,[data-theme="panorama"] .hero-actions .hero-secondary{width:100%;min-height:54px;padding:14px 24px}
}
@media(prefers-reduced-motion:reduce){[data-theme="panorama"] .button:hover span{transform:none}}