/* ==========================================================================
DERIVED COPY — DO NOT EDIT.
Source: 00_Templates/brand/altv-brand.css
Run 00_Templates/brand/sync_brand.ps1 to refresh.
Any hand-edit here is a bug that will be overwritten on next sync.
========================================================================== */
/* ==========================================================================
alt·v LAW — Portable Identity (Navy & Teal)
altv-brand.css — v1.3.0 — frozen 20260729
--------------------------------------------------------------------------
THIS FILE IS THE ONLY PLACE A COLOUR, FONT OR SIZE IS DEFINED.
A hex code anywhere else in the codebase is a bug. Fix it here, not there.
Changes require a line in CHANGELOG at the bottom and a version bump.
========================================================================== */
/* --- Fonts ---------------------------------------------------------------
Paste into of every tool:
------------------------------------------------------------------------- */
:root {
/* == PRIMITIVES ========================================================
Raw values. Nothing outside this block should contain a hex code. */
--c-navy: #16294B; /* structure, headers, ink */
--c-navy-2: #27406B; /* secondary navy, report subheads */
--c-navy-deep: #0E1C33; /* gradient shade, dark hover */
--c-teal: #3E6B78; /* THE accent. Actions, links, ticks */
--c-teal-deep: #2A4B54; /* accent hover, eyebrows, logo teal */
--c-teal-lift: #4E8A9C; /* THE action colour on light (derived)*/
--c-teal-band: #83ACB6; /* bands, ticks, action on teal */
--c-teal-on-band: #12333A; /* text on band teal (derived) */
--c-teal-tint: #EEF4F1; /* selected fills, callouts */
--c-teal-darkest: #1E383F; /* hover on teal surfaces (derived) */
--c-mist: #C4D7DF; /* gradient mid-stop */
--c-success: #166534; /* confirmations ONLY */
--c-alarm: #b91c1c; /* errors, "behind" status */
--c-ink: #1C2530; /* body text */
--c-slate: #56646F; /* secondary text */
--c-slate-soft: #93A1AC; /* captions, tertiary */
--c-line: #DCE3EA; /* borders, rules */
--c-panel: #F4F7F9; /* panel / callout background */
--c-panel-2: #ECF1F5; /* deeper panel (report) */
--c-bg: #ffffff; /* page */
/* == SEMANTIC ALIASES ==================================================
Use these in your rules, not the primitives above. */
--brand: var(--c-teal-deep); /* surfaces: header, masthead */
--brand-2: var(--c-teal); /* secondary surface / subhead */
--brand-deep: var(--c-teal-darkest); /* hover on brand surfaces */
/* Navy is retained as a primitive but no longer bound to any surface.
To bring it back for headings only: --heading: var(--c-navy); */
--heading: var(--c-teal-deep);
/* Accent is LIFTED teal, deliberately brighter than the teal-deep
furniture around it. Luminance separates the action, not hue. */
--accent: var(--c-teal-lift);
--accent-hover: var(--c-teal);
--accent-deep: var(--c-teal-deep);
--accent-band: var(--c-teal-band);
--accent-soft: var(--c-teal-tint);
--accent-on-dark: var(--c-teal-band); /* actions/ticks on teal */
--on-accent-dark: var(--c-teal-on-band); /* text on band-teal buttons */
--ink: var(--c-ink);
--slate: var(--c-slate);
--slate-soft: var(--c-slate-soft);
--slate-light: var(--c-slate-soft);
--line: var(--c-line);
--panel: var(--c-panel);
--panel-2: var(--c-panel-2);
--bg: var(--c-bg);
--green: var(--c-success);
--alarm: var(--c-alarm);
/* == TYPE ============================================================== */
--ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
--serif: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
--doc: 'Jost', 'Century Gothic', system-ui, sans-serif;
--fs-h1: clamp(28px, 4.5vw, 40px);
--fs-h2: clamp(22px, 3vw, 28px);
--fs-h3: 20px;
--fs-body: 15px;
--fs-sm: 13px;
--fs-xs: 11px;
--lh-tight: 1.2;
--lh-body: 1.55;
--track-eyebrow: .16em; /* uppercase eyebrows / overlines */
--track-band: .14em; /* document band caps */
/* == GEOMETRY ========================================================== */
--radius-sm: 6px;
--radius-md: 8px;
--radius-lg: 10px;
--radius-pill: 999px;
--shadow: 0 4px 14px rgba(15, 42, 68, .08);
--shadow-lg: 0 12px 32px rgba(15, 42, 68, .14);
--border-w: 1.5px;
/* == SIGNATURE ========================================================= */
--gradient-footer: linear-gradient(90deg,
var(--c-teal) 0%,
var(--c-teal-band) 42%,
var(--c-mist) 68%,
#fff 100%);
--gradient-hero: linear-gradient(135deg,
var(--c-teal-deep) 0%,
var(--c-teal) 100%);
}
/* ==========================================================================
REPORT / PRINT SCOPE
--------------------------------------------------------------------------
The print scopes historically carried their OWN hardcoded copy of the
palette under --altv-* names, which is why re-themes used to land on
screen but not in the PDF. They now MAP onto the primitives above, so a
single edit propagates everywhere. Do not put literal values in here.
========================================================================== */
.altv-report,
.altv-cover {
/* Names kept so existing tool rules keep resolving; values now teal. */
--altv-navy: var(--c-teal-deep);
--altv-navy-2: var(--c-teal);
--altv-navy-deep: var(--c-teal-darkest);
/* Print has no CTA competing for attention, so the report keeps the
deeper teal for accents and uses navy for large figures. */
--altv-accent: var(--c-teal);
--altv-figure: var(--c-navy);
--altv-accent-deep: var(--c-teal-deep);
--altv-accent-band: var(--c-teal-band);
--altv-accent-soft: var(--c-teal-tint);
--altv-accent-on-dark: var(--c-teal-band);
--altv-ink: var(--c-ink);
--altv-slate: var(--c-slate);
--altv-slate-soft: var(--c-slate-soft);
--altv-line: var(--c-line);
--altv-panel: var(--c-panel);
--altv-panel-2: var(--c-panel-2);
--altv-green: var(--c-success);
--altv-alarm: var(--c-alarm);
--altv-sans: var(--ui);
--altv-serif: var(--serif);
--altv-doc: var(--doc);
/* Print density — deliberately smaller than the app. Do not scale up. */
--altv-fs-body: 10.5px;
--altv-fs-h1: 30px;
--altv-fs-h2: 18px;
}
/* ==========================================================================
CHANGELOG
--------------------------------------------------------------------------
v1.3.0 · 20260729 · Compatibility shim retired. --amber / --altv-amber
aliases removed. All ten Alt-V web tools now consume --accent /
--altv-accent directly. Anything still amber-coloured breaks
loudly on this version — which is the point.
v1.2.0 · 20260728 · Accent lifted. Primary actions now --c-teal-lift
(#4E8A9C) on light surfaces and --c-teal-band (#83ACB6) on teal
surfaces, so the action is separated from the furniture by
luminance rather than hue. Navy given a real job again: large
figures and headings in the print scope only (--altv-figure).
Both #4E8A9C and #12333A are derived values, not from any guide.
v1.1.0 · 20260728 · Teal promoted from accent to surface colour. Header,
hero, masthead and headings now teal-deep; navy retained as a
primitive but unbound from every surface. Added --c-teal-darkest
(derived) for hover on teal, and --accent-on-dark for actions and
ticks sitting on teal surfaces.
v1.0.0 · 20260728 · Frozen. Portable Teal adopted as the Alt-V house
style. Amber retired. Navy foundation retained. Report scope
remapped onto primitives so screen and PDF cannot diverge.
========================================================================== */