/* Generated by render.py from tokens.json (e-placa). Do not edit. */
:root {
  --brand-color-steel: #445D7B;
  --brand-color-steel-descriptor: #8293A7;
  --brand-color-steel-rule: #9AA7B8;
  --brand-color-outline: #000000;
  --brand-color-white: #FFFFFF;
  --brand-font-family: "Archivo", sans-serif;
  --core-color-tint-06: #F4F5F7;
  --core-color-tint-12: #E9ECEF;
  --core-color-tint-18: #DDE2E7;
  --core-color-tint-35: #BEC6D1;
  --core-color-shade-30: #304156;
  --core-color-shade-70: #141C25;
  --core-color-feedback-danger: #A3122A;
  --core-color-feedback-danger-10: #FBE8EB;
  --core-color-feedback-success: #1D6B3B;
  --color-surface-base: var(--brand-color-white);
  --color-surface-canvas: var(--core-color-tint-06);
  --color-surface-muted: var(--core-color-tint-12);
  --color-surface-brand: var(--brand-color-steel);
  --color-surface-danger: var(--core-color-feedback-danger-10);
  --color-content-primary: var(--core-color-shade-70);
  --color-content-secondary: var(--brand-color-steel);
  --color-content-decorative: var(--brand-color-steel-descriptor);
  --color-content-on-brand: var(--brand-color-white);
  --color-content-on-brand-muted: var(--core-color-tint-12);
  --color-content-danger: var(--core-color-feedback-danger);
  --color-content-success: var(--core-color-feedback-success);
  --color-border-subtle: var(--core-color-tint-18);
  --color-border-default: var(--core-color-tint-35);
  --color-border-rule: var(--brand-color-steel-rule);
  --color-border-strong: var(--brand-color-steel);
  --color-border-outline: var(--brand-color-outline);
  --color-border-danger: var(--core-color-feedback-danger);
  --color-action-primary: var(--brand-color-steel);
  --color-action-primary-hover: var(--core-color-shade-30);
  --color-action-on-primary: var(--brand-color-white);
  --color-action-inverse: var(--brand-color-white);
  --color-action-on-inverse: var(--brand-color-steel);
  --color-focus-ring: var(--core-color-shade-70);
  --color-focus-ring-on-brand: var(--brand-color-white);
  --font-family: var(--brand-font-family);
  --font-size-display: 54px;
  --font-size-h2: 40px;
  --font-size-h3: 22px;
  --font-size-numeral: 56px;
  --font-size-lead: 20px;
  --font-size-body: 17px;
  --font-size-small: 15px;
  --font-size-label: 12.5px;
  --font-size-mobile-display: 36px;
  --font-size-mobile-h2: 29px;
  --font-size-mobile-h3: 20px;
  --font-size-mobile-numeral: 44px;
  --font-size-mobile-lead: 18px;
  --font-size-mobile-body: 16px;
  --font-weight-display: 640;
  --font-weight-heading: 620;
  --font-weight-body: 400;
  --font-weight-strong: 600;
  --font-weight-numeral: 300;
  --font-stretch-display: 96%;
  --font-stretch-body: 100%;
  --font-stretch-label: 112%;
  --line-height-display: 1.05;
  --line-height-heading: 1.15;
  --line-height-body: 1.55;
  --tracking-display: -0.02em;
  --tracking-heading: -0.01em;
  --tracking-label: 0.12em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-plate-lg: 56px;
  --radius-plate: 24px;
  --radius-plate-sm: 12px;
  --radius-corner: 2px;
  --border-width-hairline: 1px;
  --border-width-outline: 2px;
  --layout-max-width: 1200px;
  --layout-gutter: 48px;
  --layout-gutter-mobile: 20px;
  --layout-logo-height: 40px;
  --layout-logo-height-mobile: 34px;
  --layout-logo-footer-height: 64px;
}