/* TaskVox brand v1 — public website layer (2026-10-13).
   Linked from views/partials/site/nav.ejs, which every public page includes, so
   one file brings the home page, product, blog, city and legal pages onto the
   same type and colours as the dashboard, emails and social posts.
   Loaded after each page's own <style>, so these values win. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap');

:root {
    --primary: #5B4EFF;          /* Vox Violet */
    --primary-dark: #4A3DE6;
    --accent: #7C70FF;           /* was cyan #0EA5E9 — one colour family now */
    --signal: #FF6B4A;           /* Signal Coral, sparingly */
    --text: #0E0E16;
    --body: #2E2E3A;
    --muted: #5A5A6B;
    --border: #E4E4EB;
    --bg: #F7F7FA;
    --bg2: #FFFFFF;
    --card: #FFFFFF;
    --grad: linear-gradient(135deg, #5B4EFF, #7C70FF);
}
body { font-family: 'Geist', 'Noto Sans Devanagari', system-ui, -apple-system, 'Segoe UI', sans-serif !important; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .h-font, .nav-logo-text, .tvx-logo-tx, .cost .big {
    font-family: 'Geist', 'Noto Sans Devanagari', system-ui, sans-serif !important;
    letter-spacing: -0.025em;
}
h1, .h-font { font-weight: 700 !important; }
code, kbd, pre, .mono { font-family: 'Geist Mono', ui-monospace, Menlo, monospace; }

/* sentence case: no shouting labels */
.tag, .tbl th, .section-label, .eyebrow, .badge-label { text-transform: none !important; letter-spacing: 0 !important; }

/* line icons (views use <%- icon('name') %>; never emoji) */
.ic { width: 1.05em; height: 1.05em; vertical-align: -0.16em; flex-shrink: 0; display: inline-block; }

/* logo: voice-wave mark on a Vox Violet square */
.tvx-logo-ic { background: #5B4EFF !important; color: #fff; }
.tvx-logo-ic svg { width: 20px; height: 20px; }
.tvx-logo-tx { font-weight: 700 !important; letter-spacing: -0.02em; color: #0E0E16 !important; }
.tvx-logo-tx span { color: #5B4EFF !important; }

/* demo buttons in page bodies: ink, sentence case (were orange gradients in capitals) */
.btn-demo { text-transform: none !important; letter-spacing: 0 !important; background: #0E0E16 !important; color: #fff !important; box-shadow: none !important; }
.btn-demo:hover { background: #1A1A23 !important; }