/* * css/brand-root-override.css — Summit Políticas Públicas * ───────────────────────────────────────────────────────── * HAND-EDITED plain CSS. Loaded LAST in , so it wins over * bootstrap.css and brand-theme.css. Sass never emits this file. * * The template it was copied from lives at scss/brand-root-override.css. * Editing that copy changes nothing — edit THIS file. * * Every swatch below is traced to summit.sketch (landing-page-playbook.md §9). * ───────────────────────────────────────────────────────── */ :root { /* ── Core brand palette ─────────────────────────────── */ --brand-primary: #1e2a44; /* Summit/Navy */ --brand-secondary: #6c7d93; /* Summit/Slate */ --brand-accent: #9aa6bb; /* Summit/Mist */ /* ── Extended project palette (summit.sketch swatches) ── */ --sum-navy: #1e2a44; /* dark bands, headings, filled CTA, footer */ --sum-slate: #6c7d93; /* eyebrows, 32×2 accent rules, brand drop */ --sum-mist: #9aa6bb; /* small labels, logo-slot text, dot grid */ --sum-surface: #f4f6f9; /* tinted section background + logo slots */ --sum-border: #e7eaf0; /* every hairline: card grid, slots, dividers */ --sum-white: #fff; --sum-ink: #33405c; /* body copy on light — the Medium-weight runs */ --sum-dot: #d6defd; /* dot-grid ornament, top fill of "dot" */ /* Text on navy, 3 steps — footer + "O resultado" band */ --sum-on-navy-1: #fff; /* display + links */ --sum-on-navy-2: #9aa6bb; /* labels, tagline, copyright */ --sum-on-navy-3: #6c7d93; /* hairline divider on navy */ /* ── Radii ──────────────────────────────────────────── */ --sum-radius-pill: 100px; /* every button in the design is a pill */ --sum-radius-card: 0; /* panel cards + logo slots are square */ /* ── Layout rhythm ──────────────────────────────────── */ /* Artboard is 1440 with 130px gutters → 1180px of content. */ --sum-container: 1180px; --sum-gutter: 1.5rem; --sum-section-y: clamp(3.5rem, 6vw, 6.5rem); --sum-nav-h: 67px; /* Header frame height — drives scroll-margin-top */ --sum-nav-bg: rgb(255 255 255 / 94%); /* sticky header, translucent over content */ /* ── Ornament: the brand drop ───────────────────────── */ /* Instance opacities read off the Sketch symbol instances. */ --sum-drop-faint: .1; /* hero + painéis, Mist on white */ --sum-drop-soft: .12; /* programa, Mist on white */ --sum-drop-strong: .67; /* resultado, White on navy */ /* ── Eyebrow / label tracking ───────────────────────── */ /* 11px with 2.2px tracking in Sketch → .2em at 11px. */ --sum-label-size: .6875rem; --sum-label-tracking: .2em; /* ── General ────────────────────────────────────────── */ --brand-text-color: var(--sum-ink); --brand-bg-body: #fff; --brand-link-color: var(--sum-navy); --brand-link-hover-color: var(--sum-slate); --brand-border-radius: var(--sum-radius-card); /* Background dot pattern is unused on this project. */ --brand-bg-pattern-color: transparent; /* ── Typography ─────────────────────────────────────── */ --brand-title-color: var(--sum-navy); --brand-font-family-base: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif; --brand-font-family-body: var(--brand-font-family-base); --brand-font-family-title: var(--brand-font-family-base); --brand-font-weight-base: 300; /* ── Bootstrap bridge vars ──────────────────────────── */ --bs-primary: var(--brand-primary); --bs-secondary: var(--brand-secondary); --bs-body-color: var(--sum-ink); --bs-body-bg: var(--brand-bg-body); --bs-body-font-family: var(--brand-font-family-body); --bs-body-font-weight: var(--brand-font-weight-base); --bs-border-color: var(--sum-border); --bs-nav-link-color: var(--brand-link-color); --bs-nav-link-hover-color: var(--brand-link-hover-color); --bs-link-color: var(--brand-link-color); --bs-link-hover-color: var(--brand-link-hover-color); --bs-border-radius: var(--brand-border-radius); --bs-border-radius-sm: 0; --bs-border-radius-lg: 0; --bs-btn-border-radius: var(--sum-radius-pill); } body { background-color: var(--brand-bg-body); color: var(--sum-ink); font-family: var(--brand-font-family-body); font-weight: var(--brand-font-weight-base); }