/* TeraRecon 2026 brand tokens. Generated by brand/terarecon-2026/build-source/build_brand_library.py
   from TeraRecon_BrandGuidelines_2026_R1_V4.pdf; edit the script, not this file. */
:root {
  --tr-cobalt: #004AFF;  /* Cobalt, PANTONE 2935 C */
  --tr-deep-cobalt: #221ECD;  /* Deep Cobalt, PANTONE 293 C */
  --tr-cyan: #00C2FF;  /* Cyan, PANTONE 2995 C */
  --tr-charcoal: #404040;  /* Charcoal, PANTONE 425 C */
  --tr-bone: #F5F5F2;  /* Bone, 25% PANTONE 2330 C */
  --tr-white: #FFFFFF;  /* White */
  --tr-deeper-cobalt: #3800AB;  /* Deeper Cobalt */
  --tr-aqua: #00CFD9;  /* Aqua, PANTONE 3115 C */
  --tr-violet: #9A5EFF;  /* Violet, PANTONE 2101 C */
  --tr-orchid: #D47AD9;  /* Orchid, PANTONE 238 C */
  --tr-red: #D6333D;  /* Red */
  --tr-red-2: #851E26;  /* Red 2 */
  --tr-red-orange: #F2572B;  /* Red Orange */
  --tr-red-orange-2: #A63A1F;  /* Red Orange 2 */
  --tr-orange: #F58F18;  /* Orange */
  --tr-orange-2: #BB5A26;  /* Orange 2 */
  --tr-yellow: #FDB50F;  /* Yellow */
  --tr-yellow-2: #AE7F2A;  /* Yellow 2 */
  --tr-yellow-green: #B5C121;  /* Yellow Green */
  --tr-yellow-green-2: #769424;  /* Yellow Green 2 */
  --tr-green: #45AB2B;  /* Green */
  --tr-green-2: #407625;  /* Green 2 */
  --tr-teal: #019E99;  /* Teal */
  --tr-teal-2: #316E6B;  /* Teal 2 */

  --tr-gradient-cobalt: #004AFF 0%, #3800AB 99.9%;  /* radial */
  --tr-gradient-cyan: #00C2FF 0%, #00C2FF 49.3%, #004AFF 100%;  /* linear */
  --tr-gradient-aqua: #00CFD9 0%, #0083FF 64.8%, #004AFF 100%;  /* linear */
  --tr-gradient-violet: #9A5EFF 0%, #0083FF 64.8%, #004AFF 100%;  /* linear */
  --tr-gradient-orchid: #D47AD9 0%, #0083FF 64.8%, #004AFF 100%;  /* linear */

  --tr-font-family: "Public Sans", Arial, Helvetica, sans-serif;
  --tr-headline-weight: 200;  /* ExtraLight */
  --tr-headline-tracking: -0.02em;
  --tr-headline-leading: 1;
  --tr-subheadline-weight: 200;  /* ExtraLight */
  --tr-subheadline-tracking: -0.02em;
  --tr-subheadline-leading: 1.08;
  --tr-body-weight: 400;  /* Regular */
  --tr-body-tracking: -0.01em;
  --tr-body-leading: 1.54;
}

/* Web values, from the guide's rules (WEB-07, WEB-09, WEB-10, WEB-11, COLOR-11).
   Generated by build/web_tokens.py in the terarecon-brand-guide repository; edit the rules, not this block. */

:root {
  --tr-breakpoint-lg: 992px;  /* WEB-09: wide layout from here up */
  --tr-breakpoint-md: 768px;
  --tr-type-display: 88px;  /* WEB-09 Display, ExtraLight 200 */
  --tr-type-display-weight: 200;
  --tr-type-heading-1: 64px;  /* WEB-09 Heading 1, ExtraLight 200 */
  --tr-type-heading-1-weight: 200;
  --tr-type-heading-2: 48px;  /* WEB-09 Heading 2, ExtraLight 200 */
  --tr-type-heading-2-weight: 200;
  --tr-type-heading-3: 32px;  /* WEB-09 Heading 3, ExtraLight 200 */
  --tr-type-heading-3-weight: 200;
  --tr-type-heading-4: 24px;  /* WEB-09 Heading 4, ExtraLight 200 */
  --tr-type-heading-4-weight: 200;
  --tr-type-lead: 22px;  /* WEB-09 Lead, Regular 400 */
  --tr-type-lead-weight: 400;
  --tr-type-body: 18px;  /* WEB-09 Body, Regular 400 */
  --tr-type-body-weight: 400;
  --tr-type-small: 16px;  /* WEB-09 Small, Regular 400 */
  --tr-type-small-weight: 400;
  --tr-type-label-and-button: 14px;  /* WEB-09 Label and button, SemiBold 600 */
  --tr-type-label-and-button-weight: 600;
  --tr-type-chip: 14px;  /* WEB-09 Chip, SemiBold 600 */
  --tr-type-chip-weight: 600;
  --tr-type-navigation: 16px;  /* WEB-09 Navigation, Regular 400 */
  --tr-type-navigation-weight: 400;
  --tr-radius-panel: 24px;  /* WEB-10 */
  --tr-radius-card: 16px;
  --tr-content-max: 1568px;
  --tr-gutter: 40px;  /* page gutters and gaps between panels */
  --tr-space-1: 4px;  /* WEB-11 step 1 */
  --tr-space-2: 8px;  /* WEB-11 step 2 */
  --tr-space-3: 12px;  /* WEB-11 step 3 */
  --tr-space-4: 16px;  /* WEB-11 step 4 */
  --tr-space-5: 24px;  /* WEB-11 step 5 */
  --tr-space-6: 32px;  /* WEB-11 step 6 */
  --tr-space-7: 48px;  /* WEB-11 step 7 */
  --tr-space-8: 64px;  /* WEB-11 step 8 */
  --tr-panel-padding: 48px;  /* WEB-11 Panel padding, all four sides */
  --tr-block-gap: 24px;  /* WEB-11 Between blocks in a panel */
  --tr-heading-gap: 48px;  /* WEB-11 After a heading group */
  --tr-line-gap: 16px;  /* WEB-11 Between lines of text (paragraphs, list items) */
  --tr-column-gap: 32px;  /* WEB-11 Between columns */
  --tr-measure: 68ch;  /* WEB-11 Body text measure */
  --tr-card-gradient-aqua: linear-gradient(315deg, #00CFD9 0%, #0083FF 10%, #004AFF 26%);  /* COLOR-11: White copy on the Cobalt end */
  --tr-card-gradient-violet: linear-gradient(315deg, #9A5EFF 0%, #0083FF 10%, #004AFF 26%);  /* COLOR-11: White copy on the Cobalt end */
  --tr-card-gradient-orchid: linear-gradient(315deg, #D47AD9 0%, #0083FF 10%, #004AFF 26%);  /* COLOR-11: White copy on the Cobalt end */
  --tr-card-copy-max: 76%;  /* WEB-07 */
}
@media (max-width: 991px) {
  :root {
    --tr-type-display: 72px;
    --tr-type-heading-1: 56px;
    --tr-type-heading-2: 40px;
    --tr-type-heading-3: 28px;
    --tr-type-heading-4: 22px;
    --tr-type-lead: 20px;
    --tr-type-body: 16px;
    --tr-type-small: 14px;
    --tr-type-label-and-button: 12px;
    --tr-type-chip: 12px;
    --tr-type-navigation: 16px;
    --tr-gutter: 24px;
    --tr-panel-padding: 32px;
    --tr-block-gap: 24px;
    --tr-heading-gap: 32px;
    --tr-column-gap: 24px;
  }
}
@media (max-width: 767px) {
  :root {
    --tr-type-display: 48px;
    --tr-type-heading-1: 40px;
    --tr-type-heading-2: 32px;
    --tr-type-heading-3: 24px;
    --tr-type-heading-4: 20px;
    --tr-type-lead: 18px;
    --tr-type-body: 16px;
    --tr-type-small: 14px;
    --tr-type-label-and-button: 12px;
    --tr-type-chip: 12px;
    --tr-type-navigation: 16px;
    --tr-gutter: 16px;
    --tr-panel-padding: 24px;
    --tr-block-gap: 16px;
    --tr-heading-gap: 32px;
    --tr-column-gap: 16px;
  }
}