/* Green AI Page Styles - Light Mode (Color Only) */

/* CSS Variables - Light Mode */
:root,
html[data-theme='light'],
html.light-mode,
body[data-theme='light'] {
  --ga-primary: #3da8bf;
  --ga-primary-dark: #2a8da3;
  --ga-dark-blue: #152632;
  --ga-green-1: #4cc18b;
  --ga-green-2: #1e8b6c;
  --ga-blue-1: #1e8bc5;
  --ga-blue-2: #159fcd;
  --ga-purple: #7766da;
  --ga-bg-light: #f2faff;
  --ga-white: #ffffff;
  --ga-text-dark: #152632;
  --ga-gray: #e8e8e8;
  --ga-dark: #1d1d1d;
  --ga-font-ja: 'Noto Sans JP', 'Noto Sans', sans-serif;
  --ga-font-en: 'DIN Pro', 'DIN 2014', sans-serif;
}

/* Color-related styles only */
.ga-hero__image-placeholder {
  background: linear-gradient(135deg, #e8f4f8 0%, #d4eaf1 100%);
  color: #999;
}

.ga-hero__logo-placeholder {
  background: linear-gradient(90deg, #3da8bf 0%, #4cc18b 100%);
  color: white;
}

.ga-section--card {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 5px 40px rgba(61, 168, 191, 0.14);
}

.ga-problem-card-mobile {
  background: white;
}

.ga-problem-card-mobile__answer-bg-gradient {
  background: linear-gradient(0deg, rgba(230, 248, 252, 0.95) 0%, rgba(240, 250, 255, 0.98) 30%, rgba(255, 255, 255, 1) 100%);
}

.ga-problem-card-mobile__answer-image {
  background: white;
}

.ga-problem-card {
  background: white;
}

.ga-problem-card__answer-image {
  background: white;
}

.ga-answer-box {
  background: linear-gradient(360deg, rgba(230, 248, 252, 0.95) 0%, rgba(240, 250, 255, 0.98) 30%, rgba(255, 255, 255, 1) 100%);
  border: 1px solid rgba(255, 255, 255, 0.9);
}

.ga-answer-box__image {
  background: white;
}

.ga-answer-box__image-placeholder {
  background: #f0f0f0;
  color: #999;
}

/* Decoration position and opacity are in common.css (light mode based) */

.ga-answer-box__decoration-placeholder {
  background: linear-gradient(135deg, rgba(61, 168, 191, 0.1) 0%, rgba(76, 193, 139, 0.1) 100%);
}

.ga-solution__logo-text {
  color: black;
}

.ga-solution__logo-placeholder {
  background: linear-gradient(90deg, #3da8bf 0%, #4cc18b 100%);
  color: white;
}

.ga-features-circle__center-placeholder {
  background: linear-gradient(90deg, #3da8bf 0%, #4cc18b 100%);
  color: white;
}

.ga-feature-node--purple {
  box-shadow: 0 2px 16px rgba(83, 74, 184, 0.35);
}

.ga-feature-node--green-1 {
  box-shadow: 0 2px 16px rgba(83, 184, 74, 0.35);
}

.ga-feature-node--green-2 {
  box-shadow: 0 2px 16px rgba(74, 184, 125, 0.35);
}

.ga-feature-node--blue-1 {
  box-shadow: 0 2px 16px rgba(74, 147, 184, 0.35);
}

.ga-feature-node--blue-2 {
  box-shadow: 0 2px 16px rgba(74, 125, 184, 0.35);
}

.ga-step-label {
  background: white;
  border: 1px solid #c6edfb;
}

.ga-function-card {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid white;
}

.ga-function-card__image {
  background: #f6f6f6;
}

.ga-function-card__image-placeholder {
  background: #f0f0f0;
  color: #999;
}

.ga-contact-box {
  background: white;
  border: 1px solid white;
}

.ga-case-study__image {
  background: var(--ga-gray);
}

.ga-case-study__image-placeholder {
  color: #999;
}

.ga-case-divider {
  background: linear-gradient(90deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 1) 50%, rgba(204, 204, 204, 0) 100%);
}

.ga-movie-item__label {
  background: #292929;
  color: white;
}

.ga-movie-item__video {
  background: #000;
}

.ga-movie-item__video-placeholder {
  background: #333;
  color: #999;
}

.ga-faq-item {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 5px 24px rgba(61, 168, 191, 0.14);
}

.ga-faq-item__answer {
  background: white;
}

.ga-final-contact {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 5px 24px rgba(61, 168, 191, 0.14);
}

.ga-problem-icon-time {
  background: linear-gradient(135deg, #e8f4f8 0%, #d4eaf1 100%);
}

.ga-problem-icon-cost {
  background: linear-gradient(135deg, #f8f4e8 0%, #f1ead4 100%);
}

.ga-problem-icon-search {
  background: linear-gradient(135deg, #f4e8f8 0%, #ead4f1 100%);
}

.ga-problem-icon-plan {
  background: linear-gradient(135deg, #e8f8f4 0%, #d4f1ea 100%);
}

.ga-popup-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.ga-popup {
  background: white;
}

.ga-popup__close svg {
  stroke: #152632;
}

.ga-popup__image {
  background: white;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.ga-image-zoom-overlay {
  background: rgba(0, 0, 0, 0.9);
}

.ga-image-zoom-close {
  background: rgba(255, 255, 255, 0.2);
}

.ga-image-zoom-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.ga-image-zoom-img {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* Light Mode - Hero Images */
:root .ga-hero__image--dark,
html[data-theme='light'] .ga-hero__image--dark,
html.light-mode .ga-hero__image--dark,
body[data-theme='light'] .ga-hero__image--dark {
  display: none;
}

:root .ga-hero__image--light,
html[data-theme='light'] .ga-hero__image--light,
html.light-mode .ga-hero__image--light,
body[data-theme='light'] .ga-hero__image--light {
  display: block;
}

@media print {
  .ga-section--card {
    border: 1px solid #ddd;
  }
}