/* Copa DS 2.0 · 2026-10-21. Font files are declared by the consuming implementation.
   Responsive widths are a local convention. Gradient geometry is not specified. */
:root {
  --primary-ultradark: #001a66;
  --primary-dark: #002880;
  --primary-main: #0032a0;
  --primary-light: #0e68ff;
  --primary-ultralight: #d6e3ff;
  --primary-faded: #9fc3ff;
  --secondary-main: #00a3e0;
  --secondary-faded: #80d1ef;
  --tertiary-light: #d0b49f;
  --alternative-pardo: #866d4b;
  --alternative-gold: #ad7c59;
  --alternative-dark-orange: #b15c37;
  --alternative-light-orange: #e2c070;
  --alternative-prefermember-blue: #072241;
  --alternative-lavanda-faded: #e9e1f0;
  --alternative-lavender: #c9abe0;
  --alternative-terminal-2: #dadf0c;
  --alternative-terminal-1: #ff2996;
  --background-light-blue: #eff5ff;
  --background-paper: #fcfcfc;
  --warning-main: #ffc82c;
  --warning-faded: #fff4d5;
  --error-main: #d52525;
  --error-faded: #ffefef;
  --success-main: #0c7e3e;
  --success-faded: #cee5d8;
  --grey-50: #f9f9f8;
  --grey-75: #efefee;
  --grey-100: #efefee;
  --grey-200: #dbdad8;
  --grey-300: #cccccb;
  --grey-400: #aaaaab;
  --grey-500: #999999;
  --grey-600: #666666;
  --grey-700: #333333;
  --grey-800: #121212;
  --common-black: #000000;
  --common-white: #ffffff;
  --status-member: #0032a0;
  --status-silver: #062660;
  --status-gold: #8d7249;
  --status-platinum: #666666;
  --status-presidential: #121212;
  --light-blue: var(--background-light-blue);
  --paper: var(--background-paper);
  --white: var(--common-white);
  --black: var(--common-black);
  --font-display: "Copa Gilroy", Gilroy, Helvetica, Arial, sans-serif;
  --font-ui: "Copa Suisse", "Suisse Int’l", "Suisse Intl", Helvetica, Arial, sans-serif;
  --type-h1-size: 60px;
  --type-h1-line: 64px;
  --type-h1-tracking: -0.06em;
  --type-h2-size: 32px;
  --type-h2-line: 40px;
  --type-h2-tracking: -0.496px;
  --type-h3-size: 20px;
  --type-h3-line: 32px;
  --type-h3-tracking: normal;
  --type-h4-size: 16px;
  --type-h4-line: 24px;
  --type-h4-tracking: normal;
  --type-display-big-size: 76px;
  --type-display-big-line: 80px;
  --type-display-big-tracking: -1.008px;
  --type-display-normal-size: 48px;
  --type-display-normal-line: 56px;
  --type-display-normal-tracking: normal;
  --type-subtitle-1-size: 32px;
  --type-subtitle-1-line: 40px;
  --type-subtitle-1-tracking: normal;
  --type-subtitle-2-size: 20px;
  --type-subtitle-2-line: 24px;
  --type-subtitle-2-tracking: normal;
  --type-caption-large-size: 20px;
  --type-caption-large-line: 32px;
  --type-caption-large-tracking: normal;
  --type-body-1-size: 16px;
  --type-body-1-line: 24px;
  --type-body-1-tracking: normal;
  --type-body-2-size: 14px;
  --type-body-2-line: 20px;
  --type-body-2-tracking: normal;
  --type-caption-size: 12px;
  --type-caption-line: 16px;
  --type-caption-tracking: normal;
  --type-overline-size: 12px;
  --type-overline-line: 16px;
  --type-overline-tracking: 0.0625em;
}
.copa-type-h1 { font-family: var(--font-display); font-size: var(--type-h1-size); font-weight: 400; line-height: var(--type-h1-line); letter-spacing: var(--type-h1-tracking); color: var(--primary-main); }
.copa-type-h2 { font-family: var(--font-display); font-size: var(--type-h2-size); font-weight: 700; line-height: var(--type-h2-line); letter-spacing: var(--type-h2-tracking); color: var(--primary-main); }
.copa-type-h3 { font-family: var(--font-display); font-size: var(--type-h3-size); font-weight: 700; line-height: var(--type-h3-line); letter-spacing: var(--type-h3-tracking); color: var(--grey-700); }
.copa-type-h4 { font-family: var(--font-display); font-size: var(--type-h4-size); font-weight: 700; line-height: var(--type-h4-line); letter-spacing: var(--type-h4-tracking); color: var(--grey-700); }
.copa-type-display-big { font-family: var(--font-display); font-size: var(--type-display-big-size); font-weight: 700; line-height: var(--type-display-big-line); letter-spacing: var(--type-display-big-tracking); color: var(--primary-main); }
.copa-type-display-normal { font-family: var(--font-display); font-size: var(--type-display-normal-size); font-weight: 700; line-height: var(--type-display-normal-line); letter-spacing: var(--type-display-normal-tracking); color: var(--primary-main); }
.copa-type-subtitle-1 { font-family: var(--font-display); font-size: var(--type-subtitle-1-size); font-weight: 400; line-height: var(--type-subtitle-1-line); letter-spacing: var(--type-subtitle-1-tracking); color: var(--grey-700); }
.copa-type-subtitle-2 { font-family: var(--font-display); font-size: var(--type-subtitle-2-size); font-weight: 400; line-height: var(--type-subtitle-2-line); letter-spacing: var(--type-subtitle-2-tracking); color: var(--grey-700); }
.copa-type-caption-large { font-family: var(--font-ui); font-size: var(--type-caption-large-size); font-weight: 400; line-height: var(--type-caption-large-line); letter-spacing: var(--type-caption-large-tracking); color: var(--grey-700); }
.copa-type-body-1 { font-family: var(--font-ui); font-size: var(--type-body-1-size); font-weight: 400; line-height: var(--type-body-1-line); letter-spacing: var(--type-body-1-tracking); color: var(--grey-700); }
.copa-type-body-2 { font-family: var(--font-ui); font-size: var(--type-body-2-size); font-weight: 400; line-height: var(--type-body-2-line); letter-spacing: var(--type-body-2-tracking); color: var(--grey-700); }
.copa-type-caption { font-family: var(--font-ui); font-size: var(--type-caption-size); font-weight: 400; line-height: var(--type-caption-line); letter-spacing: var(--type-caption-tracking); color: var(--grey-700); }
.copa-type-overline { font-family: var(--font-ui); font-size: var(--type-overline-size); font-weight: 600; line-height: var(--type-overline-line); letter-spacing: var(--type-overline-tracking); color: var(--grey-700); text-transform: uppercase; }
.copa-text-emphasis { font-weight: 600; }
.copa-text-invert { color: var(--white); }
.copa-link-primary { color: var(--primary-light); font-weight: 600; text-decoration: none; }
.copa-link-primary:hover, .copa-link-primary:focus-visible { text-decoration: underline; }
.copa-link-secondary { color: var(--grey-600); text-decoration: underline; }
.copa-text-invert .copa-link-primary, .copa-text-invert .copa-link-secondary { color: var(--white); text-decoration: underline; }
@media (max-width: 1199px) {
  :root {
    --type-h1-size: 52px;
    --type-h1-line: 56px;
    --type-h1-tracking: -0.05em;
    --type-h2-size: 28px;
    --type-h2-line: 32px;
    --type-h2-tracking: -0.025em;
    --type-h3-size: 18px;
    --type-h3-line: 24px;
    --type-h3-tracking: normal;
    --type-h4-size: 16px;
    --type-h4-line: 24px;
    --type-h4-tracking: normal;
    --type-display-big-size: 66px;
    --type-display-big-line: 72px;
    --type-display-big-tracking: -0.0133em;
    --type-display-normal-size: 40px;
    --type-display-normal-line: 48px;
    --type-display-normal-tracking: normal;
    --type-subtitle-1-size: 28px;
    --type-subtitle-1-line: 32px;
    --type-subtitle-1-tracking: normal;
    --type-subtitle-2-size: 18px;
    --type-subtitle-2-line: 24px;
    --type-subtitle-2-tracking: normal;
    --type-caption-large-size: 20px;
    --type-caption-large-line: 32px;
    --type-caption-large-tracking: normal;
    --type-body-1-size: 16px;
    --type-body-1-line: 24px;
    --type-body-1-tracking: normal;
    --type-body-2-size: 14px;
    --type-body-2-line: 20px;
    --type-body-2-tracking: normal;
    --type-caption-size: 12px;
    --type-caption-line: 16px;
    --type-caption-tracking: normal;
    --type-overline-size: 12px;
    --type-overline-line: 16px;
    --type-overline-tracking: 0.0625em;
  }
}
@media (max-width: 959px) {
  :root {
    --type-h1-size: 44px;
    --type-h1-line: 48px;
    --type-h1-tracking: -0.04em;
    --type-h2-size: 24px;
    --type-h2-line: 32px;
    --type-h2-tracking: -0.018em;
    --type-h3-size: 18px;
    --type-h3-line: 24px;
    --type-h3-tracking: normal;
    --type-h4-size: 16px;
    --type-h4-line: 24px;
    --type-h4-tracking: normal;
    --type-display-big-size: 56px;
    --type-display-big-line: 64px;
    --type-display-big-tracking: -0.0133em;
    --type-display-normal-size: 36px;
    --type-display-normal-line: 40px;
    --type-display-normal-tracking: normal;
    --type-subtitle-1-size: 24px;
    --type-subtitle-1-line: 32px;
    --type-subtitle-1-tracking: normal;
    --type-subtitle-2-size: 18px;
    --type-subtitle-2-line: 24px;
    --type-subtitle-2-tracking: normal;
    --type-caption-large-size: 20px;
    --type-caption-large-line: 32px;
    --type-caption-large-tracking: normal;
    --type-body-1-size: 16px;
    --type-body-1-line: 24px;
    --type-body-1-tracking: normal;
    --type-body-2-size: 14px;
    --type-body-2-line: 20px;
    --type-body-2-tracking: normal;
    --type-caption-size: 12px;
    --type-caption-line: 16px;
    --type-caption-tracking: normal;
    --type-overline-size: 12px;
    --type-overline-line: 16px;
    --type-overline-tracking: 0.0625em;
  }
}
@media (max-width: 699px) {
  :root {
    --type-h1-size: 30px;
    --type-h1-line: 32px;
    --type-h1-tracking: -0.03em;
    --type-h2-size: 20px;
    --type-h2-line: 24px;
    --type-h2-tracking: -0.01em;
    --type-h3-size: 18px;
    --type-h3-line: 24px;
    --type-h3-tracking: normal;
    --type-h4-size: 16px;
    --type-h4-line: 24px;
    --type-h4-tracking: normal;
    --type-display-big-size: 36px;
    --type-display-big-line: 40px;
    --type-display-big-tracking: -0.0133em;
    --type-display-normal-size: 30px;
    --type-display-normal-line: 32px;
    --type-display-normal-tracking: normal;
    --type-subtitle-1-size: 20px;
    --type-subtitle-1-line: 24px;
    --type-subtitle-1-tracking: normal;
    --type-subtitle-2-size: 18px;
    --type-subtitle-2-line: 24px;
    --type-subtitle-2-tracking: normal;
    --type-caption-large-size: 20px;
    --type-caption-large-line: 32px;
    --type-caption-large-tracking: normal;
    --type-body-1-size: 16px;
    --type-body-1-line: 24px;
    --type-body-1-tracking: normal;
    --type-body-2-size: 14px;
    --type-body-2-line: 20px;
    --type-body-2-tracking: normal;
    --type-caption-size: 12px;
    --type-caption-line: 16px;
    --type-caption-tracking: normal;
    --type-overline-size: 12px;
    --type-overline-line: 16px;
    --type-overline-tracking: 0.0625em;
  }
}
.copa-reading-title { font-family: var(--font-display); font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -0.0216em; color: var(--primary-main); overflow-wrap: anywhere; }
.copa-reading-section-title { font-family: var(--font-display); font-size: 28px; font-weight: 700; line-height: 32px; letter-spacing: -0.025em; color: var(--primary-main); overflow-wrap: anywhere; }
.copa-reading-subtitle { font-family: var(--font-display); font-size: 18px; font-weight: 400; line-height: 26px; letter-spacing: -0.01em; color: var(--grey-700); overflow-wrap: anywhere; }
.copa-reading-body { font-family: var(--font-ui); font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: normal; color: var(--grey-700); overflow-wrap: anywhere; }
.copa-reading-nav { font-family: var(--font-ui); font-size: 16px; line-height: 26px; letter-spacing: normal; }
.copa-reading-nav-item { display: flex; min-height: 80px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--grey-200); color: var(--primary-main); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.copa-reading-nav-item:hover, .copa-reading-nav-item:focus-visible { background: var(--light-blue); text-decoration: underline; }