/* ════════════════════════════════════════════════════════════════════
ct.css — "Component Theme" stylesheet
------------------------------------------------------------------
Hii ndiyo CSS ya SHARED kwa HEADER na FOOTER za Siri za Chumbani.
Imetolewa (extracted) 1:1 kutoka page ya "Brand Kit"
(siri.mnyilinga.co.tz) — rangi, spacing, fonts, breakpoints —
HAKUNA kilichobadilishwa.
JINSI YA KUITUMIA kwenye page mpya yoyote:
1. Weka kwenye
2. Weka Google Fonts link (Roboto + Inter) KABLA ya ct.css — angalia
sehemu ya "FONTS INAYOHITAJIKA" chini kabisa ya faili hii.
3. Weka mahali unapotaka navbar ionekane
(kawaida mstari wa kwanza ndani ya )
4. Weka mwishoni kabla ya
5. Weka baada ya #footer
cp.js ndiyo itakayoingiza (inject) HTML ya header/footer kwenye
hizo
mbili — style zote za hapa chini zitafanya kazi papo
hapo bila kubadilisha chochote.
MUHIMU: Vigezo vyote vinavyoanza na --hdr- ni "locked" — havitakiwi
kubadilishwa wala kupewa jina jipya, kwa sababu ndiyo yanayofanya
header ionekane sawa (identical) kwenye kila page ya brand hii.
════════════════════════════════════════════════════════════════════ */
:root {
/* ============ HEADER / FOOTER BRAND VARIABLES ============
Locked kwa Siri za Chumbani — usibadilishe wala kuzipa jina jipya. */
--hdr-ink: #0c0505;
--hdr-void: #170808;
--hdr-brand: #c22219;
--hdr-brand-bright: #e0362a;
--hdr-paper: #f4ece7;
--hdr-paper-dim: #cbb3ac;
--hdr-gold: #c99a4a;
--hdr-line: rgba(244, 236, 231, 0.1);
--hdr-line-strong: rgba(244, 236, 231, 0.18);
--hdr-font: 'Roboto', sans-serif;
/* Body font inahitajika na footer links / footer-bottom */
--body-font: 'Inter', sans-serif;
/* ============ ACCENT MPYA — kwa hero blobs pekee ============
Hizi si "locked" kama --hdr-*, lakini zinatumika TU kwenye
background decoration ya .cta-hero (blobs) — hazigusi maandishi
wala buttons, ambazo bado zinatumia --hdr-brand/--hdr-gold. */
--acc-blue: #2f6fed;
--acc-blue-bright: #4d8cff;
--acc-purple: #6b4fd8;
}
/* ════════════════════════════════════════════════════════════════════
BASE RESET — MINIMAL, kwa makusudi
------------------------------------------------------------------
ct.css HAIWEKI background/color/font ya , wala .wrap, tena.
Kila page inamiliki background na .wrap yake yenyewe (kwa mfano:
Confessions ni nyeusi na .wrap yake, Brand Kit ni nyeupe na .wrap
yake — "True white body per brief"). ct.css inashughulikia
HEADER/FOOTER/MENU pekee — component za pamoja, si page layout.
Iwapo page yako mpya HAINA .wrap wala body background yake
yenyewe, ONGEZA hivi kwenye