/**
 * Light mode readability — developer, about, cards (default theme = light).
 * Dark mode keeps existing dev-premium / dossier styling.
 */
html:not([data-theme="dark"]) .th-dev-premium {
  background:
    radial-gradient(1100px 520px at 20% 0%, rgba(255, 107, 0, .1), transparent 55%),
    radial-gradient(900px 480px at 88% 20%, rgba(90, 140, 220, .12), transparent 50%),
    linear-gradient(180deg, #eef4fb 0%, var(--th-bg, #f3f7fb) 45%, #e8f0f8 100%);
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-dev-name {
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-dev-role {
  color: var(--th-muted, #5b6577);
}
html:not([data-theme="dark"]) .th-dev-tagline,
html:not([data-theme="dark"]) .th-dev-detail,
html:not([data-theme="dark"]) .th-dev-bio,
html:not([data-theme="dark"]) .th-dev-bio--short {
  color: var(--th-muted, #5b6577);
}
html:not([data-theme="dark"]) .th-dev-scroll-hint {
  color: #0d7a8c;
}
html:not([data-theme="dark"]) .th-dev-scroll-hint:hover {
  color: var(--th-deep, #e25500);
}

html:not([data-theme="dark"]) .th-dev-about-panel {
  background: linear-gradient(180deg, transparent, rgba(15, 27, 45, .04));
}
html:not([data-theme="dark"]) .th-dev-about-inner {
  background: var(--th-card, #fff);
  border: 1px solid var(--th-line, rgba(15, 27, 45, .08));
  box-shadow: 0 20px 50px rgba(15, 27, 45, .08);
}
html:not([data-theme="dark"]) .th-dev-about-head h2 {
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-dev-about-head p {
  color: var(--th-muted, #5b6577);
}
html:not([data-theme="dark"]) .th-dev-about-card {
  background: rgba(255, 107, 0, .05);
  border-color: rgba(255, 107, 0, .18);
}
html:not([data-theme="dark"]) .th-dev-about-card p {
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-devxp-cta-text {
  color: var(--th-muted, #5b6577);
}
html:not([data-theme="dark"]) .th-devxp-back {
  color: #0d7a8c;
}
html:not([data-theme="dark"]) .th-devxp-projects span {
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-dev-projects-clean .th-dev-proj-n {
  color: #0a6b4a;
  background: rgba(0, 180, 120, .12);
}

/* About page — developer cards on light background */
html:not([data-theme="dark"]) .th-about-premium .th-dev-card {
  background: var(--th-card, #fff);
  border: 1px solid var(--th-line, rgba(15, 27, 45, .1));
  box-shadow: 0 12px 32px rgba(15, 27, 45, .06);
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-about-premium .th-dev-card h3 {
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-about-premium .th-dev-card p,
html:not([data-theme="dark"]) .th-about-premium .th-dev-langs {
  color: var(--th-muted, #5b6577);
}
html:not([data-theme="dark"]) .th-about-premium .th-cat {
  color: var(--th-orange, #ff6b00);
}

html:not([data-theme="dark"]) .th-section.th-about-premium,
html:not([data-theme="dark"]) .th-section.th-about-premium .th-section-head h2,
html:not([data-theme="dark"]) .th-section.th-about-premium .th-section-head p,
html:not([data-theme="dark"]) .th-section.th-about-premium .th-article {
  color: var(--th-ink, #0f1b2d);
}
html:not([data-theme="dark"]) .th-section.th-about-premium .th-section-head p {
  color: var(--th-muted, #5b6577);
}

/* Skill chips readable on light (developer hero + about cards) */
html:not([data-theme="dark"]) .th-dev-premium .th-devxp-lang,
html:not([data-theme="dark"]) .th-about-premium .th-devxp-lang {
  color: #9a4200;
  background: rgba(255, 107, 0, .1);
  border-color: rgba(255, 107, 0, .28);
}

/* Legacy dev dossier blocks if any old page cached */
html:not([data-theme="dark"]) .th-devxp-panel {
  background: var(--th-card, #fff);
  border-color: var(--th-line);
  color: var(--th-ink);
}
html:not([data-theme="dark"]) .th-devxp-panel-name,
html:not([data-theme="dark"]) .th-devxp-block h3 {
  color: var(--th-ink);
}
html:not([data-theme="dark"]) .th-devxp-panel-bio,
html:not([data-theme="dark"]) .th-devxp-block p {
  color: var(--th-muted);
}

/* Developer pro page — premium orange + black ink (light mode) */
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-kicker {
  color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-name {
  color: #0f1b2d;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-role {
  color: #2a3548;
  font-weight: 600;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-tagline,
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-detail,
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-bio,
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-bio--short {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-detail strong {
  color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-scroll-hint {
  color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-scroll-hint:hover {
  color: #0f1b2d;
}

html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-about-inner {
  background: #fff;
  border-color: rgba(15, 27, 45, .1);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-pro-section h2 {
  color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-pro-lead {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-skill-card {
  background: rgba(255, 107, 0, .06);
  border-color: rgba(226, 85, 0, .22);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-skill-card h3 {
  color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-portfolio-card {
  background: #fafcfe;
  border-color: rgba(15, 27, 45, .1);
  box-shadow: 0 14px 36px rgba(15, 27, 45, .07);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-portfolio-card h3 {
  color: #0f1b2d;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-portfolio-desc,
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-portfolio-meta,
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-portfolio-features {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-portfolio-meta strong {
  color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-case-card {
  background: rgba(255, 107, 0, .05);
  border-color: rgba(226, 85, 0, .2);
  border-left-color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-case-card h3 {
  color: #0f1b2d;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-case-card p {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-case-card p strong {
  color: var(--th-orange, #e25500);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-pro-list {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-devxp-cta-text {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-devxp-back {
  color: var(--th-orange, #e25500);
}

html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-hero-card {
  background: linear-gradient(145deg, rgba(255, 107, 0, .07), #fff);
  border-color: rgba(226, 85, 0, .2);
  box-shadow: 0 12px 32px rgba(15, 27, 45, .08);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-detail--card,
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-hero-card .th-dev-bio {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-section-head {
  background: rgba(255, 107, 0, .06);
  border-color: rgba(226, 85, 0, .18);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-point-card {
  background: #fafcfe;
  border-color: rgba(15, 27, 45, .1);
  box-shadow: 0 10px 28px rgba(15, 27, 45, .06);
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-point-card p {
  color: #2a3548;
}
html:not([data-theme="dark"]) .th-dev-pro-page .th-dev-cta-premium.th-dev-anim-card {
  background: linear-gradient(180deg, rgba(255, 107, 0, .08), #fff);
}