/* * brand-root-override.css — ACL-PREVENT * ───────────────────────────────────────────────────────── * Runtime brand tokens (plain CSS, NOT Sass output). Loaded LAST in * so it wins over the compiled theme. Edit values here to retune * the brand without recompiling SCSS. * * Palette source: acl-prevent.sketch → "Local swatches" (ACL/*). * ───────────────────────────────────────────────────────── */ :root { /* ── Core brand palette ─────────────────────────────── */ --brand-primary: #112659; /* ACL/Navy */ --brand-secondary: #51e599; /* ACL/Green */ --brand-accent: #59d1f4; /* ACL/Sky */ /* ── ACL extended palette ───────────────────────────── */ --acl-navy: #112659; --acl-navy-deep: #0c1c44; --acl-green: #51e599; --acl-sky: #59d1f4; --acl-teal: #2f7fa8; --acl-tint: #e3f2fc; --acl-tint-panel: #e9f3fc; --acl-card: #fbfdff; --acl-border: #cfe6f6; --acl-ink: #3a4a60; --acl-muted: #5b6b82; --acl-muted-soft: #8194ac; --acl-on-navy-1: #c3d4e8; --acl-on-navy-2: #b9cae0; --acl-on-navy-3: #9fb4cf; --acl-white: #ffffff; --acl-eu-blue: #034ea2; /* EU funding band */ --acl-navy-card: #13284f; /* footer co-funded card */ --acl-navy-line: #28406e; /* footer card border */ /* ── Radii ──────────────────────────────────────────── */ --acl-radius-card: 20px; --acl-radius-chip: 12px; --acl-radius-pill: 100px; /* ── Layout rhythm ──────────────────────────────────── */ --acl-section-y: clamp(3.5rem, 6vw, 6.5rem); --acl-container: 1200px; /* ── General ────────────────────────────────────────── */ --brand-text-color: var(--acl-ink); --brand-bg-body: #ffffff; --brand-gray-light: var(--acl-tint); --brand-bg-pattern-color: rgba(17, 38, 89, 0.03); --brand-bg-pattern-dot-size: 1px; --brand-bg-pattern-size: 20px; --brand-link-color: var(--acl-navy); --brand-link-hover-color: var(--acl-teal); --brand-border-radius: var(--acl-radius-card); /* ── Typography ─────────────────────────────────────── */ --brand-title-color: var(--acl-navy); --brand-font-family-base: 'Inter', system-ui, -apple-system, sans-serif; --brand-font-family-body: 'Inter', system-ui, -apple-system, sans-serif; --brand-font-family-title: 'Inter', system-ui, -apple-system, sans-serif; --brand-font-weight-base: 400; /* ── Bootstrap bridge vars ──────────────────────────── */ --bs-primary: var(--brand-primary); --bs-secondary: var(--brand-secondary); --bs-body-color: var(--acl-ink); --bs-body-font-family: 'Inter', system-ui, -apple-system, sans-serif; --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: 12px; --bs-border-radius-lg: 24px; --bs-btn-border-radius: var(--acl-radius-pill); } body { background-color: var(--brand-bg-body); color: var(--acl-ink); }