/* QUADRA light-mode direction for KAGARI */
body {
  color: var(--ink);
  background: var(--paper);
}

.site-header {
  border-bottom-color: var(--line);
  background: rgba(242, 241, 237, .95);
  color: var(--ink);
}

.header-cta {
  background: var(--accent-panel);
  color: var(--white);
}

.header-cta::after { color: currentColor; }
.header-cta:hover { background: var(--ink); color: var(--white); }

.hero {
  border-color: var(--line);
  background-color: var(--paper);
  background-image: linear-gradient(90deg, var(--line) 1px, transparent 1px);
  color: var(--ink);
}

.hero-title strong,
.hero-promise { color: var(--ink); }

.hero-kicker,
.hero-lead { color: #52524f; }

.hero-promise { border-color: var(--line); }
.hero-closing { border-color: var(--ink); }

.button-dark {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--white);
}

.button-light {
  border-color: var(--ink);
  background: var(--white);
  color: var(--ink);
}

.button-light:hover { border-color: var(--accent); }

.button:hover { background: var(--accent-panel); }

.hero-price {
  border-color: var(--ink);
  background: var(--white);
  color: var(--ink);
}

.price-label span {
  border: 1px solid var(--accent-panel);
  background: transparent;
  color: var(--accent-panel);
}

.hero-price .tape { background: var(--accent-panel); }

.hero-index { -webkit-text-stroke-color: var(--line); }

.ticker {
  border-color: var(--line);
  background: var(--white);
  color: var(--ink);
}

.ticker div { border-color: var(--line); }

.intro,
.support,
.space-gallery,
.career,
.voices,
.promise,
.closing-message {
  background: var(--paper);
  color: var(--ink);
}

.four-skills,
.learning-flow,
.feedback,
.mentor,
.works,
.curriculum,
.small-work,
.timeline,
.base-day,
.pricing,
.relationship,
.faq {
  border-color: var(--line);
  background: var(--white);
  color: var(--ink);
}

.skill-card:hover,
.skill-b:hover,
.curriculum-grid article:hover,
.career-grid article:hover,
.voice-card:hover {
  background: var(--accent-panel) !important;
  color: var(--white);
}

.skill-card:hover p,
.skill-card:hover .skill-no,
.curriculum-grid article:hover .mono,
.career-grid article:hover p {
  color: var(--white);
}

.learning-flow {
  border-top-color: var(--line);
  border-bottom-color: var(--line);
}

.flow-intro p,
.flow-track p,
.flow-footnote,
.support-heading p,
.support-list p,
.works-heading p,
.work-card p,
.small-work-copy p,
.small-work-copy li,
.day-note,
.pricing-heading p,
.regular-price-reference p,
.price-card > p:not(.plan-no),
.pricing-notes,
.faq-list details p {
  color: #62625f;
}

.flow-track article,
.flow-footnote,
.feedback-board,
.feedback-board li,
.board-top,
.mentor-principles,
.mentor-principles article,
.works-grid,
.work-card,
.small-work-copy ol,
.small-work-copy li,
.day-schedule,
.day-schedule div,
.pricing-grid,
.regular-price-reference,
.pricing-notes,
.faq-list,
.faq-list details {
  border-color: var(--line);
}

.flow-track article {
  background: var(--paper);
  color: var(--ink);
}

.flow-track article:hover,
.flow-track article.flow-featured {
  background: var(--accent-panel);
  color: var(--white);
}

.flow-track article:hover p,
.flow-track article.flow-featured p { color: var(--white); }

.flow-day { color: var(--accent-panel); }

.flow-track article:hover .flow-day,
.flow-track article.flow-featured .flow-day { color: var(--white); }

.capacity,
.outputs,
.flexible {
  border-color: rgba(255, 255, 255, .42);
  background: var(--accent-panel);
  color: var(--white);
}

.capacity-heading p,
.outputs-copy p { color: var(--white); }

.capacity-grid,
.output-stack,
.flexible-grid { border-color: rgba(255, 255, 255, .48); }

.capacity-card,
.capacity-card-dark,
.capacity-card-lined,
.capacity-card-open,
.output-card,
.output-card:nth-child(n),
.flexible-grid article,
.flexible-grid article:first-child {
  border-color: rgba(255, 255, 255, .48);
  background: transparent;
  color: var(--white);
}

.capacity-card:nth-child(2),
.output-card:last-child,
.flexible-grid article:last-child {
  background: transparent;
  color: var(--white);
}

.capacity-card:nth-child(2) p,
.output-card:last-child p,
.flexible-grid article:last-child p { color: var(--white); }

.capacity-card:hover,
.capacity-card-dark:hover {
  background: var(--white);
  color: var(--ink);
}

.capacity-note,
.flexible-note {
  border-color: var(--white);
  background: transparent;
  color: var(--white);
}

.space-photo-placeholder,
.space-photo-placeholder-dark {
  background-color: var(--soft);
  background-image: linear-gradient(90deg, var(--line) 1px, transparent 1px);
  color: var(--ink);
}

.space-photo:nth-child(2) .space-photo-placeholder,
.space-photo:nth-child(4) .space-photo-placeholder {
  background-color: var(--soft);
  color: var(--ink);
}

.space-photo:nth-child(2) .space-photo-placeholder strong,
.space-photo:nth-child(4) .space-photo-placeholder strong {
  background: transparent;
  color: var(--ink);
}

.photo-status {
  position: absolute;
  top: 18px;
  right: 18px;
  left: auto;
  padding: 5px 9px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, .82);
  color: var(--ink);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .08em;
  white-space: nowrap;
  transform: none;
}

@media (min-width: 1001px) and (max-width: 1200px) {
  .space-photo:not(.space-photo-main) .photo-status { top: 54px; }
}

.feedback-board {
  background: var(--paper);
  color: var(--ink);
}

.mentor-card {
  border-color: var(--line);
  background: var(--accent-panel);
}

.mentor-copy > p,
.mentor-principles p { color: #62625f; }

.mentor-principles article {
  background: var(--paper);
  color: var(--ink);
}

.mentor-principles article:hover {
  background: var(--accent-panel);
  color: var(--white);
}

.mentor-principles article:hover p { color: var(--white); }

.works-grid { scrollbar-color: var(--accent) var(--soft); }

.work-card {
  background: var(--paper);
  color: var(--ink);
}

.work-card:hover {
  background: var(--accent-panel);
  color: var(--white);
}

.work-card:hover p { color: var(--white); }

.work-card:hover .work-meta,
.work-card:hover .work-link { color: var(--white); }

.price-card,
.price-card-featured,
.price-card-support {
  border-color: var(--line);
  background: var(--white);
  color: var(--ink);
}

.price-card-support {
  background: var(--accent-panel);
  color: var(--white);
}

.price-card-support .plan-no,
.price-card-support > p:not(.plan-no) {
  color: var(--white);
}

.corner-label { background: var(--accent-panel); }

.pricing-notes { color: #62625f; }
.faq-list { border-color: var(--ink); }

.entry {
  background: var(--accent-panel);
  color: var(--white);
}

.entry-action small { color: var(--white); }

.site-footer {
  background: var(--ink);
  color: var(--white);
}