/* TemproMail Light Mode Final Polish - CSS only */

html.tm-theme-light {
  --tm-page-bg: #f6f9fd;
  --tm-page-text: #0f172a;
  --tm-muted: #526174;
  --tm-card: rgba(255, 255, 255, 0.96);
  --tm-card-strong: #ffffff;
  --tm-border: rgba(15, 23, 42, 0.10);
  --tm-soft: #eef6ff;
  --tm-accent: #0284c7;
  --tm-accent-2: #2563eb;
  --tm-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

html.tm-theme-light body {
  background:
    radial-gradient(circle at 12% 0%, rgba(2, 132, 199, 0.10), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(37, 99, 235, 0.08), transparent 32%),
    linear-gradient(180deg, #f8fbff 0%, #eef5fb 100%) !important;
  color: var(--tm-page-text) !important;
}

/* Global nav */
html.tm-theme-light .tm-global-nav {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
  box-shadow: var(--tm-shadow) !important;
}

html.tm-theme-light .tm-global-brand,
html.tm-theme-light .tm-global-menu a,
html.tm-theme-light .tm-global-bell,
html.tm-theme-light .tm-theme-toggle {
  color: var(--tm-page-text) !important;
}

html.tm-theme-light .tm-global-brand-text span {
  color: #64748b !important;
}

html.tm-theme-light .tm-global-menu a:hover,
html.tm-theme-light .tm-global-menu a[aria-current="page"] {
  background: rgba(2, 132, 199, 0.09) !important;
  color: #0369a1 !important;
}

html.tm-theme-light .tm-theme-toggle,
html.tm-theme-light .tm-global-bell {
  background: #f8fbff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

html.tm-theme-light .tm-global-bell-panel {
  background: #ffffff !important;
  color: var(--tm-page-text) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14) !important;
}

/* General cards and sections */
html.tm-theme-light .fn-card,
html.tm-theme-light .fn-tool,
html.tm-theme-light .fn-panel,
html.tm-theme-light .card,
html.tm-theme-light .tm-content-section,
html.tm-theme-light .tm-articles-hero,
html.tm-theme-light .tm-article-card,
html.tm-theme-light .tm-article-shell,
html.tm-theme-light .tm-bottom-cta-inner,
html.tm-theme-light .tm-faq-item,
html.tm-theme-light details,
html.tm-theme-light section[class*="seo"],
html.tm-theme-light div[class*="card"] {
  background: var(--tm-card) !important;
  color: var(--tm-page-text) !important;
  border-color: var(--tm-border) !important;
  box-shadow: var(--tm-shadow) !important;
}

/* Hero/tool darker gradient replacements */
html.tm-theme-light .fn-hero,
html.tm-theme-light .fn-hero-card,
html.tm-theme-light .tm-articles-hero,
html.tm-theme-light .tm-bottom-cta-inner {
  background:
    radial-gradient(circle at 8% 0%, rgba(2, 132, 199, 0.12), transparent 36%),
    linear-gradient(145deg, #ffffff 0%, #f1f7ff 100%) !important;
}

/* Text contrast */
html.tm-theme-light h1,
html.tm-theme-light h2,
html.tm-theme-light h3,
html.tm-theme-light h4,
html.tm-theme-light strong,
html.tm-theme-light summary,
html.tm-theme-light label,
html.tm-theme-light .fn-title,
html.tm-theme-light .tm-article-card-body h2,
html.tm-theme-light .tm-bottom-cta h2 {
  color: #0f172a !important;
}

html.tm-theme-light p,
html.tm-theme-light li,
html.tm-theme-light small,
html.tm-theme-light .muted,
html.tm-theme-light .fn-muted,
html.tm-theme-light .tm-article-card-body p,
html.tm-theme-light .tm-bottom-cta p,
html.tm-theme-light .tm-global-bell-empty,
html.tm-theme-light .tm-global-bell-head span {
  color: #526174 !important;
}

/* Inputs */
html.tm-theme-light input,
html.tm-theme-light textarea,
html.tm-theme-light select {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.03) !important;
}

html.tm-theme-light input::placeholder,
html.tm-theme-light textarea::placeholder {
  color: #94a3b8 !important;
}

/* Buttons */
html.tm-theme-light button,
html.tm-theme-light .btn,
html.tm-theme-light .fn-btn {
  border-color: rgba(15, 23, 42, 0.12) !important;
}

html.tm-theme-light .primary,
html.tm-theme-light .fn-btn-primary,
html.tm-theme-light .tm-bottom-cta-primary,
html.tm-theme-light .tm-global-login {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
}

/* FAQ */
html.tm-theme-light .tm-faq-item summary {
  background: #ffffff !important;
}

html.tm-theme-light .tm-faq-item[open] {
  background: #f8fbff !important;
}

/* Article listing and article body */
html.tm-theme-light .tm-article-card {
  background: #ffffff !important;
}

html.tm-theme-light .tm-article-card:hover {
  border-color: rgba(2, 132, 199, 0.28) !important;
  transform: translateY(-2px);
}

html.tm-theme-light article,
html.tm-theme-light .article-content,
html.tm-theme-light .tm-article-content {
  color: #1e293b !important;
}

html.tm-theme-light article a,
html.tm-theme-light .tm-article-content a {
  color: #0369a1 !important;
}

/* Pills / badges */
html.tm-theme-light .tm-bottom-cta-badge,
html.tm-theme-light .tm-bottom-cta-points span,
html.tm-theme-light .tm-article-meta {
  background: rgba(2, 132, 199, 0.08) !important;
  color: #0369a1 !important;
  border-color: rgba(2, 132, 199, 0.18) !important;
}

/* Footer */
html.tm-theme-light footer,
html.tm-theme-light .fn-footer {
  color: #64748b !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
}

/* Keep images clean */
html.tm-theme-light img {
  background: #eef6ff;
}