/* ============================================================
JSX DESIGN SYSTEM — global tokens (colors, type scale, spacing,
shadows, radii). Extracted from the 'Private Charter' standalone
mockup. This block is written as SITE-WIDE — confirm whether it
duplicates tokens already loaded elsewhere in the HubSpot site
before adding it a second time. See README.md, item 1.
============================================================ */
/* ============================================================
JSX — PRIVATE CHARTER — page-specific styles
Extracted from the 'Private Charter' standalone mockup.
Edits made during extraction (see README.md for full detail):
1. Removed the #tweaks dev/review panel rules (design-review
tool only — not part of the shipped page).
2. Replaced the custom-element selector with a
plain img selector, matching the real ![]()
tags used in
the section HTML files (image-slot was prototyping-tool
scaffolding with no purpose in production).
3. UUID asset placeholders swapped for real relative paths
into ../assets/images and ../assets/fonts.
NOT edited (flagged only, see README.md):
- .showcase / .showcase-cap rules (~6 lines): dead CSS, no
matching element exists anywhere in the markup.
- The @font-face block below duplicates 5 weights already
declared in 01-design-system-tokens.css. Comment in source
calls it a deliberate 'self-hosted subset' for standalone
use — confirm with README.md item 1 before keeping both.
============================================================ */
/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/*****************************************/
/* Start your style declarations here */
/*****************************************/