:root {
  --rgb-white: 255, 255, 255;
  --rgb-black: 0, 0, 0;
  --rgb-navy: 0, 56, 122;
  --rgb-navy-deep: 0, 44, 96;
  --rgb-navy-shadow: 0, 24, 56;
  --rgb-navy-shadow-2: 0, 32, 74;
  --rgb-navy-hero: 6, 24, 52;
  --rgb-night: 7, 20, 34;
  --rgb-ink: 7, 17, 31;
  --rgb-orange: 242, 101, 34;
  --rgb-canvas: 244, 247, 251;

  --color-white: #fff;
  --color-black: #000;
  --color-navy: #00387a;
  --color-navy-deep: #002c60;
  --color-navy-press: #002a5c;
  --color-navy-bright: #0b4f9c;
  --color-navy-hero: #10243f;
  --color-night: #071422;
  --color-ink: #07111f;
  --color-orange: #f26522;
  --color-orange-soft: #f8b29c;
  --color-orange-wash: #feefe8;
  --color-text: #252525;
  --color-text-strong: #363636;
  --color-charcoal: #333;
  --color-text-soft: #3d4a5c;
  --color-text-body: #3c4654;
  --color-muted: #66707c;
  --color-muted-cool: #6b7380;
  --color-muted-warm: #737373;
  --color-muted-slate: #5c6b7a;
  --color-meta: #898989;
  --color-gray: #a9a9a9;
  --color-gray-mid: #666;
  --color-line: #e3ebf3;
  --color-line-soft: #e6edf5;
  --color-line-card: #e6ebf2;
  --color-line-quiet: #e4e7ec;
  --color-line-strong: #d5dbe3;
  --color-line-fade: #ebebeb;
  --color-line-pale: #eee;
  --color-line-silver: #e2e2e2;
  --color-line-metal: #dadada;
  --color-line-cool: #d3d8dd;
  --color-line-box: #dbdbdb;
  --color-line-gray: #c1c1c1;
  --color-surface: #e5eef6;
  --color-surface-muted: #e8eef5;
  --color-surface-warm: #f9f5f0;
  --color-canvas: #f4f7fb;
  --color-canvas-alt: #f5f7fa;
  --color-placeholder: #ccc;
  --color-ink-soft: #2f2f39;
  --color-magenta: #b93084;
  --color-highlight: #fff9c0;
  --color-line-slate: #bcc4d0;
  --color-ink-blue: #1b293a;
  --color-gray-soft: #a3a3a3;
  --color-line-blue: #b3c4d7;
  --color-line-mist: #e1e1e1;
  --color-surface-gray: #f1f1f1;
  --color-link: #21759b;
  --color-gray-dim: #707070;
  --color-line-steel: #b7bec5;
  --color-gray-iron: #67696b;
  --color-line-cloud: #e5e9ed;
  --color-line-flat: #e7e7e7;
  --color-gray-dark: #4b4b4b;
  --color-gray-ash: #787878;
  --color-gray-silver: #959595;
  --color-silver: #bbb;
  --color-silver-mid: #aaa;
  --color-ink-near: #111;
  --color-social-rss: #fbaf5d;
  --color-social-youtube: #ed1c24;
  --color-social-whatsapp: #00a651;
  --color-line-neutral: #e3e3e3;
  --color-surface-ice: #f3f6fa;
  --color-orange-press: #d9551b;
  --color-surface-blue: #e7eef6;
  --color-night-deep: #071a33;
  --color-orange-mist: #fff1ea;
  --color-ink-slate: #1c2838;
  --color-canvas-cool: #f7f9fc;

  --font-heading: "Space Grotesk", sans-serif;
  --font-body: "Inter Tight", sans-serif;
  --font-label: "Barlow", sans-serif;

  --weight-light: 300;
  --weight-body: 400;
  --weight-medium: 500;
  --weight-label: 600;
  --weight-heading: 700;
  --weight-heavy: 800;
  --weight-black: 900;

  --text-11: 11px;
  --text-12: 12px;
  --text-12-25: 12.25px;
  --text-13: 13px;
  --text-13-125: 13.125px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-17: 17px;
  --text-18: 18px;
  --text-20: 20px;
  --text-22: 22px;
  --text-24: 24px;
  --text-26: 26px;
  --text-28: 28px;
  --text-30: 30px;
  --text-32: 32px;
  --text-34: 34px;
  --text-36: 36px;
  --text-40: 40px;
  --text-42: 42px;
  --text-48: 48px;
  --text-50: 50px;
  --text-64: 64px;
  --text-70: 70px;
  --text-hero: clamp(var(--text-42), 4.6vw, var(--text-64));
  --text-mast: clamp(var(--text-32), 3.4vw, var(--text-48));

  --text-h1: var(--text-50);
  --text-h2: var(--text-40);
  --text-h3: var(--text-30);
  --text-h4: var(--text-20);
  --text-h5: var(--text-16);
  --text-h6: var(--text-14);
  --text-body: var(--text-14);
  --leading-heading: 1.2;
  --leading-flat: 1;
  --leading-none: 0;
  --leading-hero: 1.02;
  --leading-close: 1.08;
  --leading-compact: 1.1;
  --leading-snug: 1.12;
  --leading-tight: 1.15;
  --leading-ui: 1.25;
  --leading-room: 1.3;
  --leading-entry: 1.35;
  --leading-copy: 1.4;
  --leading-roomy: 1.45;
  --leading-open: 1.55;
  --leading-body: 1.5714285714;
  --leading-reset: 1.42857143;
  --leading-prose: 1.6;
  --leading-loose: 1.65;
  --leading-airy: 1.7;

  --tracking-tight: -0.03em;
  --tracking-none: 0;
  --tracking-snug: -0.02em;
  --tracking-fine: -0.01em;
  --tracking-hair: 0.04em;
  --tracking-button: 0.06em;
  --tracking-label: 0.08em;
  --tracking-loose: 0.1em;
  --tracking-kicker: 0.12em;
  --tracking-wide: 0.18em;
  --tracking-pixel: 1px;

  --radius-control: 2px;
  --radius-pill: 999px;
}

@media (max-width: 991px) {
  :root {
    --text-h1: var(--text-32);
    --text-h2: var(--text-26);
    --text-h3: var(--text-22);
  }
}

@media (max-width: 767px) {
  :root {
    --text-h1: var(--text-26);
    --text-h2: var(--text-22);
    --text-h3: var(--text-20);
  }
}