{
  "updated": "2026-10-21",
  "sources": {
    "colors": "/docs/design-references/copa-ds2-colors-definition-20261021.pdf",
    "typography": "/docs/design-references/copa-typography-variants-overrides-20261021.png",
    "notes": "/docs/design-references/copa-colors-typography-20261021.md",
    "readingHierarchy": "/docs/design-references/copa-reading-hierarchy-20261021.md"
  },
  "colors": {
    "primary": {
      "ultradark": "#001A66",
      "dark": "#002880",
      "main": "#0032A0",
      "light": "#0E68FF",
      "ultralight": "#D6E3FF",
      "faded": "#9FC3FF"
    },
    "secondary": {
      "main": "#00A3E0",
      "faded": "#80D1EF"
    },
    "tertiary": {
      "light": "#D0B49F"
    },
    "alternative": {
      "pardo": "#866D4B",
      "gold": "#AD7C59",
      "dark-orange": "#B15C37",
      "light-orange": "#E2C070",
      "prefermember-blue": "#072241",
      "lavanda-faded": "#E9E1F0",
      "lavender": "#C9ABE0",
      "terminal-2": "#DADF0C",
      "terminal-1": "#FF2996"
    },
    "background": {
      "light-blue": "#EFF5FF",
      "paper": "#FCFCFC"
    },
    "warning": {
      "main": "#FFC82C",
      "faded": "#FFF4D5"
    },
    "error": {
      "main": "#D52525",
      "faded": "#FFEFEF"
    },
    "success": {
      "main": "#0C7E3E",
      "faded": "#CEE5D8"
    },
    "grey": {
      "50": "#F9F9F8",
      "75": "#EFEFEE",
      "100": "#EFEFEE",
      "200": "#DBDAD8",
      "300": "#CCCCCB",
      "400": "#AAAAAB",
      "500": "#999999",
      "600": "#666666",
      "700": "#333333",
      "800": "#121212"
    },
    "common": {
      "black": "#000000",
      "white": "#FFFFFF"
    },
    "status": {
      "member": "#0032A0",
      "silver": "#062660",
      "gold": "#8D7249",
      "platinum": "#666666",
      "presidential": "#121212"
    }
  },
  "gradients": {
    "primary": {
      "stops": [
        "#0032A0",
        "#0E68FF",
        "#00A3E0"
      ],
      "status": "confirmed-color-sequence",
      "geometry": "not-specified"
    },
    "gold": {
      "stops": [
        "#866D4B",
        "#AD7C59",
        "#E2C070"
      ],
      "status": "confirmed-color-sequence",
      "geometry": "not-specified"
    },
    "neutral": {
      "status": "pending-confirmation",
      "reason": "The third swatch is grey but repeats the Gold hex label. Do not implement an inferred gradient."
    }
  },
  "typography": {
    "families": {
      "display": "\"Copa Gilroy\", Gilroy, Helvetica, Arial, sans-serif",
      "ui": "\"Copa Suisse\", \"Suisse Int’l\", \"Suisse Intl\", Helvetica, Arial, sans-serif"
    },
    "evidence": "The 2026-10-21 image confirms families, hierarchy and overrides, but supplies no numeric font metrics. Metrics below retain prior guide and computed-production evidence.",
    "responsiveOrder": [
      "large",
      "medium",
      "small",
      "xsmall"
    ],
    "breakpointConvention": {
      "mediumMax": 1199,
      "smallMax": 959,
      "xsmallMax": 699
    },
    "roles": {
      "h1": {
        "family": "display",
        "weight": 400,
        "size": [
          60,
          52,
          44,
          30
        ],
        "lineHeight": [
          64,
          56,
          48,
          32
        ],
        "tracking": [
          "-0.06em",
          "-0.05em",
          "-0.04em",
          "-0.03em"
        ],
        "color": "primary-main",
        "metrics": "prior-guide"
      },
      "h2": {
        "family": "display",
        "weight": 700,
        "size": [
          32,
          28,
          24,
          20
        ],
        "lineHeight": [
          40,
          32,
          32,
          24
        ],
        "tracking": [
          "-0.496px",
          "-0.025em",
          "-0.018em",
          "-0.01em"
        ],
        "color": "primary-main",
        "metrics": "large-computed-production; smaller-prior-guide"
      },
      "h3": {
        "family": "display",
        "weight": 700,
        "size": [
          20,
          18,
          18,
          18
        ],
        "lineHeight": [
          32,
          24,
          24,
          24
        ],
        "color": "grey-700",
        "metrics": "prior-guide"
      },
      "h4": {
        "family": "display",
        "weight": 700,
        "size": [
          16,
          16,
          16,
          16
        ],
        "lineHeight": [
          24,
          24,
          24,
          24
        ],
        "color": "grey-700",
        "metrics": "prior-guide"
      },
      "display-big": {
        "family": "display",
        "weight": 700,
        "size": [
          76,
          66,
          56,
          36
        ],
        "lineHeight": [
          80,
          72,
          64,
          40
        ],
        "tracking": [
          "-1.008px",
          "-0.0133em",
          "-0.0133em",
          "-0.0133em"
        ],
        "color": "primary-main",
        "metrics": "large-computed-production; smaller-U6-working-mapping"
      },
      "display-normal": {
        "family": "display",
        "weight": 700,
        "size": [
          48,
          40,
          36,
          30
        ],
        "lineHeight": [
          56,
          48,
          40,
          32
        ],
        "color": "primary-main",
        "metrics": "prior-guide-working-mapping",
        "weightEvidence": "working-convention: use the real Bold face to match the emphasis shown by the new image; official numeric weight pending"
      },
      "subtitle-1": {
        "family": "display",
        "weight": 400,
        "size": [
          32,
          28,
          24,
          20
        ],
        "lineHeight": [
          40,
          32,
          32,
          24
        ],
        "color": "grey-700",
        "metrics": "prior-guide-working-mapping"
      },
      "subtitle-2": {
        "family": "display",
        "weight": 400,
        "size": [
          20,
          18,
          18,
          18
        ],
        "lineHeight": [
          24,
          24,
          24,
          24
        ],
        "color": "grey-700",
        "metrics": "prior-guide"
      },
      "caption-large": {
        "family": "ui",
        "weight": 400,
        "size": [
          20,
          20,
          20,
          20
        ],
        "lineHeight": [
          32,
          32,
          32,
          32
        ],
        "color": "grey-700",
        "metrics": "prior-guide"
      },
      "body-1": {
        "family": "ui",
        "weight": 400,
        "size": [
          16,
          16,
          16,
          16
        ],
        "lineHeight": [
          24,
          24,
          24,
          24
        ],
        "color": "grey-700",
        "metrics": "prior-guide"
      },
      "body-2": {
        "family": "ui",
        "weight": 400,
        "size": [
          14,
          14,
          14,
          14
        ],
        "lineHeight": [
          20,
          20,
          20,
          20
        ],
        "color": "grey-700",
        "metrics": "prior-guide"
      },
      "caption": {
        "family": "ui",
        "weight": 400,
        "size": [
          12,
          12,
          12,
          12
        ],
        "lineHeight": [
          16,
          16,
          16,
          16
        ],
        "color": "grey-700",
        "metrics": "prior-guide"
      },
      "overline": {
        "family": "ui",
        "weight": 600,
        "size": [
          12,
          12,
          12,
          12
        ],
        "lineHeight": [
          16,
          16,
          16,
          16
        ],
        "tracking": [
          "0.0625em",
          "0.0625em",
          "0.0625em",
          "0.0625em"
        ],
        "transform": "uppercase",
        "color": "grey-700",
        "metrics": "prior-guide; contextual-use-only"
      }
    },
    "contextualPresets": {
      "reading-with-sidebar": {
        "evidence": "Owner-supplied typography and visual hierarchy adjustment, 2026-10-21",
        "scope": "Content-heavy reading pages with a section index; contextual composition preset, not a replacement for every Copa heading or breakpoint",
        "principle": "Slightly tighten heading tracking; give reading text and navigation more room while preserving content and semantic order",
        "title": {
          "family": "display",
          "weight": 700,
          "size": 40,
          "lineHeight": 48,
          "tracking": "-0.0216em"
        },
        "sectionTitle": {
          "family": "display",
          "weight": 700,
          "size": 28,
          "lineHeight": 32,
          "tracking": "-0.025em"
        },
        "subtitle": {
          "family": "display",
          "weight": 400,
          "size": 18,
          "lineHeight": 26,
          "tracking": "-0.01em",
          "color": "grey-700",
          "implementationNote": "Family/weight inherit the existing Gilroy Regular subtitle convention; Grey 700 maps the supplied dark-grey role. These details were not specified numerically by the owner."
        },
        "body": {
          "family": "ui",
          "weight": 400,
          "size": 16,
          "lineHeight": 26,
          "tracking": "normal"
        },
        "navigation": {
          "family": "ui",
          "weight": 600,
          "itemMinHeight": 80,
          "separators": true,
          "implementationNote": "Font size/line-height inherit the reading body; neutral Grey 200 separators are a local implementation convention. Rows can grow for wrapping and zoom."
        }
      }
    },
    "overrides": [
      "body",
      "emphasis",
      "link",
      "link-hover",
      "invert-primary",
      "invert-emphasis",
      "invert-link",
      "secondary-link",
      "secondary-link-hover",
      "caption",
      "caption-inverted",
      "overline-primary",
      "overline-emphasis",
      "overline-inverted",
      "overline-small"
    ],
    "pending": [
      "Exact Body 3 metrics",
      "Exact Caption 1–4 mapping",
      "Exact Overline Small metrics",
      "Numeric Display Normal weight in the new reference",
      "Official responsive breakpoint widths"
    ]
  }
}