/*
Theme Name: ASL TOPYS
Theme URI: https://chuweiopc.com
Description: Colorful child of Twenty Twenty-Five for AI时代的生存法则 — pillar accents, card home, rich media.
Author: chuweiopc
Template: twentytwentyfive
Version: 1.0.0
Text Domain: asl-topys
*/

:root {
  --asl-bg: #0b0b0f;
  --asl-surface: #14141c;
  --asl-text: #f4f0e8;
  --asl-muted: #a8a29a;
  --asl-accent: #c4a574;
  --asl-life: #c4a574;
  --asl-learning: #7eb8da;
  --asl-health: #7ec8a3;
  --asl-finance: #e0b35a;
  --asl-collection: #c49bc7;
}

body {
  background: var(--asl-bg) !important;
  color: var(--asl-text) !important;
}

a { color: var(--asl-accent); text-underline-offset: 3px; }
a:hover { filter: brightness(1.15); }

.asl-hero-lead {
  font-family: "Noto Serif SC", "Songti SC", Georgia, serif;
}

.asl-figure img {
  transition: transform .4s ease;
}
.asl-figure:hover img {
  transform: scale(1.02);
}

.asl-thinker a { font-weight: 600; }

.asl-tags span {
  transition: background .2s ease, color .2s ease;
}
.asl-tags span:hover {
  background: color-mix(in srgb, var(--asl-accent) 25%, transparent);
}

.asl-video iframe {
  border-radius: 12px;
}

/* Card-ish query loops */
.wp-block-post-template .wp-block-post {
  background: var(--asl-surface);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px;
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease;
}
.wp-block-post-template .wp-block-post:hover {
  border-color: color-mix(in srgb, var(--asl-accent) 55%, transparent);
  transform: translateY(-2px);
}

.wp-block-post-featured-image img {
  border-radius: 0;
  aspect-ratio: 16/10;
  object-fit: cover;
}

/* Category color chips via body class hooks if needed */
body.category-life-growth { --asl-accent: var(--asl-life); }
body.category-learning { --asl-accent: var(--asl-learning); }
body.category-health { --asl-accent: var(--asl-health); }
body.category-finance { --asl-accent: var(--asl-finance); }
body.category-collection { --asl-accent: var(--asl-collection); }

.entry-content blockquote,
.asl-body blockquote {
  border-left: 3px solid var(--asl-accent);
  padding-left: 1rem;
  margin: 1.5rem 0;
  background: color-mix(in srgb, var(--asl-accent) 10%, transparent);
  border-radius: 0 10px 10px 0;
}

.wp-site-blocks > header {
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.site-title a,
.wp-block-site-title a {
  letter-spacing: .04em;
  font-weight: 700;
}