/* insane-design: toss (2026-07-11)
 * moneylog2030.com — Toss "Friendly Fintech" style layer (Lv2)
 * Scope: typography ladder / brand action color / text-surface tone / layout rhythm
 * NOT in scope (manager veto): radius, shadows, component re-skin
 * Rollback: delete the mu-plugin that injects this file.
 */

:root {
  /* Brand — single primary, action only */
  --toss-blue: #3182F6;
  --toss-blue-hover: #1B64DA;
  --toss-blue-soft: #E8F3FF;

  /* Tone */
  --toss-fg: #191F28;
  --toss-fg-secondary: #4E5968;
  --toss-fg-muted: #6B7684;
  --toss-border: #E5E8EB;
  --toss-bg-muted: #F2F4F6;
  --toss-bg-faint: #F9FAFB;

  /* Layout — widen prose toward Toss ~800px band, keep reading comfort */
  --wp--style--global--content-size: 720px;
}

/* ---------- Typography ladder (Pretendard = sanctioned Toss substitute) ---------- */

body {
  color: var(--toss-fg);
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--toss-fg);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
}

/* Page / post titles — ladder stops 36→48 */
h1.wp-block-post-title,
.wp-block-post-content > h1,
main .wp-block-heading:first-child {
  font-size: clamp(32px, 4.5vw, 48px);
  line-height: 1.25;
}

/* In-article section headings — ladder stops 24→32 */
.wp-block-post-content h2 {
  font-size: clamp(24px, 3vw, 32px);
  margin-top: 64px;
}
.wp-block-post-content h3 {
  font-size: clamp(20px, 2.4vw, 24px);
  margin-top: 40px;
}

/* Long-form reading uses the body-large ladder stop */
.wp-block-post-content p,
.wp-block-post-content li {
  font-size: 17px;
  line-height: 1.7;
}

/* ---------- Tone: text, borders, surfaces ---------- */

.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-post-terms,
.wp-block-post-excerpt__more-text,
figcaption {
  color: var(--toss-fg-muted);
}

.wp-block-post-excerpt p {
  color: var(--toss-fg-secondary);
}

/* Preset grays used in our templates → Toss grays */
.has-accent-4-color { color: var(--toss-fg-muted) !important; }

.wp-block-separator {
  border-color: var(--toss-border);
  opacity: 1;
}

/* Tables — color-only alignment to Toss neutrals */
.wp-block-post-content table {
  border-collapse: collapse;
  font-size: 15px;
}
.wp-block-post-content table th {
  background: var(--toss-bg-faint);
  color: var(--toss-fg);
}
.wp-block-post-content table th,
.wp-block-post-content table td {
  border: 1px solid var(--toss-border);
}

/* Blockquote — brand hairline, not a decorative box */
.wp-block-post-content blockquote {
  border-left: 3px solid var(--toss-blue);
  color: var(--toss-fg-secondary);
}

/* Footer becomes the muted band that separates page from ground */
footer.wp-block-template-part,
.wp-site-blocks > footer {
  background: var(--toss-bg-muted);
  margin-top: 96px;
  padding-top: 56px;
  padding-bottom: 56px;
}
footer.wp-block-template-part a,
.wp-site-blocks > footer a {
  color: var(--toss-fg-secondary);
}

/* ---------- Brand: action color only, never wallpaper ---------- */

.wp-block-post-content a {
  color: var(--toss-blue);
  text-decoration: none;
}
.wp-block-post-content a:hover {
  color: var(--toss-blue-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Read-more + query pagination links */
.wp-block-post-excerpt__more-link,
.wp-block-query-pagination a {
  color: var(--toss-blue);
}
.wp-block-post-excerpt__more-link:hover,
.wp-block-query-pagination a:hover {
  color: var(--toss-blue-hover);
}

/* Buttons — color swap only, shape untouched */
.wp-element-button,
.wp-block-button__link {
  background-color: var(--toss-blue);
  color: #FFFFFF;
  border-color: transparent;
}
.wp-element-button:hover,
.wp-block-button__link:hover {
  background-color: var(--toss-blue-hover);
  color: #FFFFFF;
}
.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--toss-blue);
  border-color: currentColor;
}
.is-style-outline .wp-block-button__link:hover {
  color: var(--toss-blue-hover);
  background: var(--toss-blue-soft);
}

/* Navigation — grey hierarchy, blue reserved for the current/active signal */
.wp-block-navigation a.wp-block-navigation-item__content {
  color: var(--toss-fg-secondary);
}
.wp-block-navigation a.wp-block-navigation-item__content:hover {
  color: var(--toss-fg);
}
.wp-block-navigation .current-menu-item > a.wp-block-navigation-item__content {
  color: var(--toss-blue);
}

/* Site title stays near-black */
.wp-block-site-title a { color: var(--toss-fg); }

/* Focus — Toss blue focus signal */
:focus-visible {
  outline: 2px solid var(--toss-blue);
  outline-offset: 2px;
}

/* ---------- Layout rhythm: air between stories ---------- */

main.wp-block-group {
  padding-top: 48px;
}

/* Home query list — consistent card cadence */
.wp-block-query .wp-block-post {
  margin-bottom: 88px;
}

/* Comments / related sections breathe before starting */
.wp-block-comments,
.wp-block-post-content + * {
  margin-top: 72px;
}

@media (max-width: 639px) {
  .wp-block-post-content h2 { margin-top: 48px; }
  .wp-block-query .wp-block-post { margin-bottom: 64px; }
  footer.wp-block-template-part,
  .wp-site-blocks > footer { margin-top: 64px; }
}

/* Tables: neutralize legacy teal reading-style palette (colors only; wins over readability.php) */
.wp-block-post-content table th {
  background: var(--toss-bg-faint) !important;
  color: var(--toss-fg) !important;
}
.wp-block-post-content table th,
.wp-block-post-content table td {
  border-color: var(--toss-border) !important;
}

/* Read-more is an action — Toss blue */
a.gz-read-more { color: var(--toss-blue) !important; }
a.gz-read-more:hover { color: var(--toss-blue-hover) !important; }