/* ════════════════════════════════════════════════════════════════════
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"
(sirizachumbani.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(250, 246, 243, 0.18);
--hdr-font: 'Roboto', sans-serif;
/* Body font inahitajika na footer links / footer-bottom */
--body-font: 'Inter', sans-serif;
/* ============ ACCENT MPYA ============
Hizi si "locked" kama --hdr-*. --acc-blue/--acc-purple zinatumika
TU kwenye background decoration ya .cta-hero (blobs) — hazigusi
maandishi wala buttons. --acc-yellow (chini) ni tofauti: hiyo
NDIYO inatumika kwenye maandishi ya .header-banner-link. */
--acc-blue: #2f6fed;
--acc-blue-bright: #4d8cff;
/* Zamani ilikuwa zambarau (#6b4fd8). Sasa nyekundu-machungwa (rust),
tofauti kidogo na --hdr-brand (#c22219) inayotumika blob nyingine,
ili blob ya kushoto isifanane 100% na ya kulia. Jina la variable
limebaki --acc-purple kwa makusudi (badiliko la thamani pekee,
si jina) ili kuepuka kuvunja marejeleo mengine yanayoitumia. */
--acc-purple: #a83a1f;
/* Njano mpya ya brand — brand asset mpya. Inatumika kwenye
.header-banner-link ("Gusa hapa") badala ya --hdr-brand-bright,
ili link hiyo ionekane kwa njano badala ya nyekundu. */
--acc-yellow: #ffd104;
}
/* ════════════════════════════════════════════════════════════════════
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