/* ============================================================ Parikshit Technology — Alternate colour themes ------------------------------------------------------------ HOW TO USE Add one class to the tag on every page, e.g.: Leave the class off to keep the default Cobalt palette. Then update the two gradient stops inside assets/logo-mark.svg, logo.svg and logo-light.svg to match. ============================================================ */ /* ---------- 1. TEAL / DEEP SEA ---------- Cooler and calmer than cobalt. Reads as reliable infrastructure rather than startup. Good if most of your revenue is AMC and support. */ body.theme-teal { --pk-blue: #0F766E; --pk-blue-600: #0D9488; --pk-blue-400: #5EEAD4; --pk-cyan: #22D3EE; --grad: linear-gradient(115deg, #0F766E 0%, #0D9488 45%, #22D3EE 100%); --grad-soft: linear-gradient(160deg, #F0FDFA 0%, #F6FEFD 55%, #ECFEFF 100%); --surface-3: #E7F8F5; } body.theme-teal .eyebrow { border-color: #99F6E4; } body.theme-teal .badge { border-color: #99F6E4; } /* ---------- 2. INDIGO / VIOLET ---------- Software-first and modern. Best if custom development is the headline service and hardware is the supporting act. */ body.theme-violet { --pk-blue: #4F46E5; --pk-blue-600: #6366F1; --pk-blue-400: #A5B4FC; --pk-cyan: #A855F7; --grad: linear-gradient(115deg, #4338CA 0%, #6366F1 45%, #A855F7 100%); --grad-soft: linear-gradient(160deg, #EEF2FF 0%, #F5F3FF 55%, #FAF5FF 100%); --surface-3: #EEF0FE; } body.theme-violet .eyebrow { border-color: #DDD6FE; } body.theme-violet .badge { border-color: #DDD6FE; } /* ---------- 3. GRAPHITE + ORANGE ---------- Industrial and workshop-like. Strongest fit if hardware assembly and on-site engineering are what you want people to remember. */ body.theme-orange { --pk-blue: #C2410C; --pk-blue-600: #EA580C; --pk-blue-400: #FDBA74; --pk-cyan: #F59E0B; --ink: #16181D; --ink-2: #262A33; --grad: linear-gradient(115deg, #C2410C 0%, #EA580C 48%, #F59E0B 100%); --grad-soft: linear-gradient(160deg, #FFF7ED 0%, #FEFAF5 55%, #FFFBEB 100%); --surface-2: #F7F7F6; --surface-3: #FEEFE3; } body.theme-orange .eyebrow { border-color: #FED7AA; } body.theme-orange .badge { border-color: #FED7AA; } body.theme-orange .checks li::before { background: #FFF7ED; color: #EA580C; } /* ---------- 4. FOREST / EMERALD ---------- Steady and non-flashy. Suits a positioning built on uptime, maintenance discipline and long client relationships. */ body.theme-forest { --pk-blue: #047857; --pk-blue-600: #059669; --pk-blue-400: #6EE7B7; --pk-cyan: #84CC16; --grad: linear-gradient(115deg, #065F46 0%, #059669 48%, #84CC16 100%); --grad-soft: linear-gradient(160deg, #ECFDF5 0%, #F4FDF7 55%, #F7FEE7 100%); --surface-3: #E4F7EE; } body.theme-forest .eyebrow { border-color: #A7F3D0; } body.theme-forest .badge { border-color: #A7F3D0; } /* ---------- 5. MIDNIGHT + ELECTRIC LIME ---------- High contrast and technical. The most distinctive of the five, and the riskiest — great for a young audience, less so for conservative manufacturing or healthcare buyers. */ body.theme-midnight { --pk-blue: #1E293B; --pk-blue-600: #334155; --pk-blue-400: #94A3B8; --pk-cyan: #A3E635; --grad: linear-gradient(115deg, #0F172A 0%, #1E293B 45%, #65A30D 100%); --grad-soft: linear-gradient(160deg, #F1F5F9 0%, #F8FAFC 55%, #F7FEE7 100%); --surface-3: #EDF1F6; } body.theme-midnight .eyebrow { color: #3F6212; border-color: #D9F99D; background: #F7FEE7; } body.theme-midnight .eyebrow::before { background: #84CC16; } body.theme-midnight .badge { color: #3F6212; border-color: #D9F99D; background: #F7FEE7; } body.theme-midnight .btn--primary { box-shadow: 0 6px 18px rgba(15,23,42,.28); } body.theme-midnight .card__link { color: #4D7C0F; }