:root {
  --fj-deep-navy: #0a2540;
  --fj-ocean-blue: #0e3a5f;
  --fj-coral: #ff6f4d;
  --fj-coral-dark: #e5573a;
  --fj-text-body: #3a3f47;
  --fj-text-muted: #5c6470;
  --fj-text-faint: #8a92a0;
  --fj-border: #dde3ea;
  --fj-bg-light: #f4f7fa;
}

body { color: var(--fj-text-body); background: #ffffff; }

.site-header { background: #ffffff; border-bottom: 1px solid var(--fj-border); }
.header-logo { color: var(--fj-deep-navy); }
.header-logo span { color: var(--fj-coral); }
.header-nav .nav-link { color: var(--fj-ocean-blue); }
.header-nav .nav-link:hover { color: var(--fj-coral); }

.section-title { color: var(--fj-deep-navy); border-bottom: 3px solid var(--fj-coral); }
.triple-title { color: var(--fj-deep-navy); border-bottom: 2px solid var(--fj-border); }

.popular-title { color: var(--fj-deep-navy); }
.popular-card:hover .popular-title { color: var(--fj-coral); }

.triple-item-title { color: var(--fj-deep-navy); }
.triple-item:hover .triple-item-title { color: var(--fj-coral); }
.triple-date { color: var(--fj-text-faint); }

.tips-title { color: #ffffff; background: linear-gradient(rgba(10,37,64,0), rgba(10,37,64,0.85)); }

.site-footer { background: var(--fj-deep-navy); color: #cfd9e3; }
.footer-col h3 { color: var(--fj-coral); }
.footer-col p { color: #a9b7c5; }
.footer-col a.nav-link { color: #cfd9e3; }
.footer-col a.nav-link:hover { color: var(--fj-coral); }
.footer-bottom { color: #8a96a5; border-top: 1px solid #1a3550; }

.page-hero { background: var(--fj-deep-navy); color: #ffffff; }
.page-hero p { color: #cfd9e3; }
.breadcrumb { color: var(--fj-text-muted); }
.breadcrumb a { color: var(--fj-ocean-blue); }
.breadcrumb-sep { color: #ccc; }

.card { background: #ffffff; border: 1px solid var(--fj-border); }
.card h3 { color: var(--fj-deep-navy); }
.card p { color: var(--fj-text-body); }

.form-input, .form-textarea, .form-select { border: 1px solid var(--fj-border); color: var(--fj-deep-navy); }
.form-label { color: var(--fj-deep-navy); }

.article-card { background: #ffffff; border: 1px solid var(--fj-border); }
.article-cat { color: var(--fj-coral); }
.article-date { color: var(--fj-text-faint); }
.article-card .article-h { color: var(--fj-deep-navy); }
.article-excerpt { color: var(--fj-text-body); }
.article-link { color: var(--fj-ocean-blue); }