:root { --r-teal:#14948b; --r-dark:#0b3038; --r-soft:#eaf6f5; --r-muted:#6b7a7d; }
body { color: var(--r-dark); background:#fff; }
a { color: var(--r-dark); text-decoration: none; }
a:hover { color: var(--r-teal); }
.site-logo { max-height: 56px; width: auto; }
.navbar .nav-link { font-weight: 600; color: var(--r-dark); padding: .75rem 1rem; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--r-teal); }
.dropdown-item:active { background: var(--r-teal); }
.social-link { font-size: 1.15rem; color: var(--r-dark); }
.social-link:hover { color: var(--r-teal); }

.section-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1.25rem; padding-bottom: .4rem; border-bottom: 3px solid var(--r-teal); display: inline-block; }
.meta { font-size: .85rem; color: var(--r-muted); }
.cat-label, .cat-label a { font-size: .8rem; font-weight: 700; color: var(--r-teal); }

.hero-img, .card-img, .hero-side-img, .recent-thumb, .cat-circle { display: block; overflow: hidden; background: var(--r-soft); }
.hero-img { border-radius: .75rem; aspect-ratio: 16/10; }
.hero-side-img { width: 42%; aspect-ratio: 16/10; border-radius: .5rem; }
.card-img { border-radius: .5rem; aspect-ratio: 3/2; }
.hero-img img, .card-img img, .hero-side-img img, .recent-thumb img, .cat-circle img { width: 100%; height: 100%; object-fit: cover; display: block; }
.recent-thumb { width: 72px; height: 72px; border-radius: .5rem; }
.recipe-card h3 a:hover, .latest-item h3 a:hover, .hero-main h2 a:hover { color: var(--r-teal); }

.cat-circle { width: 88px; height: 88px; border-radius: 50%; margin: 0 auto; line-height: 88px; font-size: 2rem; font-weight: 700; color: var(--r-teal); }
.cat-tile:hover .cat-circle { outline: 3px solid var(--r-teal); }

.latest-item { border-bottom: 1px solid #e3ecec; }
.read-more { color: var(--r-teal); }
.btn-brand { background: var(--r-teal); color: #fff; padding: .6rem 1.5rem; border-radius: 2rem; }
.btn-brand:hover { background: var(--r-dark); color: #fff; }

.site-footer { background: var(--r-dark); color: #d5e6e6; }
.site-footer h4 { color: #fff; }
.site-footer a { color: #bfe3e0; }
.site-footer a:hover { color: #fff; }
.footer-social .social-link { color: #fff; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.15); }
.back-to-top { position: fixed; right: 1rem; bottom: 1rem; width: 2.5rem; height: 2.5rem; display: grid; place-items: center; background: var(--r-teal); color: #fff; border-radius: 50%; }
.back-to-top:hover { background: var(--r-dark); color: #fff; }

.entry-content { line-height: 1.75; font-size: 1.05rem; }
.entry-content img { max-width: 100%; height: auto; }
:focus-visible { outline: 3px solid var(--r-teal); outline-offset: 2px; }