/*
 * Design tokens, mined from design/v7/ by bin/v7tokens.py.
 * Do not hand-edit: re-run the script instead, so the CSS and the
 * design source cannot drift apart.
 */
:root {

  /* Colour. Comments carry real usage counts from the source. */
  --v-ink: #2F3140;               /* 388 uses - primary text, and the dark band background */
  --v-ink-700: #3F4250;           /*  53 uses - secondary heading text */
  --v-gray-700: #5A5D6B;          /*  53 uses - body text on light */
  --v-gray: #6B6E7B;              /*  69 uses - supporting and caption text */
  --v-gray-500: #8A8D99;          /*  11 uses - disabled and meta text */
  --v-navy: #2B2E44;              /*  48 uses - hero and footer background */
  --v-navy-700: #3B4062;          /*   6 uses - raised surface on navy */
  --v-navy-800: #2F3350;          /*   6 uses - stripe on navy */
  --v-blue: #3D5AFE;              /* 340 uses - the brand accent: links, buttons, rules */
  --v-blue-600: #2F4BE0;          /*   1 uses - button hover */
  --v-blue-400: #8C9EFF;          /*  41 uses - accent text on dark */
  --v-blue-300: #7F95FF;          /*  51 uses - accent fill on dark */
  --v-blue-200: #AEB9FF;          /*  43 uses - accent fill, light */
  --v-blue-100: #DCE2FF;          /*   7 uses - accent surface */
  --v-blue-50: #F1F3FE;           /*  24 uses - tinted panel */
  --v-slate: #5A6B9E;             /*  11 uses - muted accent */
  --v-line: #D5D6DC;              /* 167 uses - default border */
  --v-line-strong: #D3D6E0;       /*  54 uses - border on tinted surfaces */
  --v-line-300: #C9CBD8;          /*  12 uses - divider */
  --v-line-200: #E4E4E7;          /*  46 uses - hairline */
  --v-line-100: #E7E8EE;          /*  16 uses - hairline, lighter */
  --v-mist: #EEEFF3;              /*  28 uses - section background */
  --v-subtle: #F0F1F5;            /*  26 uses - section background, cooler */
  --v-paper: #F4F4F5;             /*  21 uses - section background, warmest */
  --v-white: #FFFFFF;             /* 261 uses - surface */
  --v-green: #2E7D5B;             /*   3 uses - status: positive */
  --v-green-tint: #EEF6F2;        /*   0 uses - success panel background */
  --v-error: #B3261E;             /*   0 uses - form errors: 6.1:1 on white, passes AA */
  --v-error-tint: #FDF2F1;        /*   0 uses - error panel background */
  --v-footer: #1F2236;            /*   1 uses - footer background, one step below navy */
  --v-slate-300: #A9AEC4;         /*   6 uses - muted text on the footer */
  --v-sand: #E3E1DB;              /*   9 uses - gradient start on the sand panel */
  --v-sand-600: #CFCCC4;          /*   9 uses - gradient end on the sand panel */

  /* Alpha overlays, kept literal: each belongs to one effect. */
  --v-overlay-hero-left: rgba(43,46,68,0.92);
  --v-overlay-hero-right: rgba(43,46,68,0.55);
  --v-shadow-card: rgba(20,22,40,0.05);
  --v-shadow-raised: rgba(20,22,40,0.12);
  --v-on-dark-10: rgba(255,255,255,0.10);
  --v-on-dark-12: rgba(255,255,255,0.12);
  --v-blue-glow: rgba(140,158,255,0.18);
  --v-on-dark-18: rgba(255,255,255,0.18);
  --v-on-dark-60: rgba(255,255,255,0.60);

  /* Type. TWO families, not three.

     The bundle ships Archivo @font-face blocks but never applies them:
     outside @font-face there are exactly three font-family values in
     the whole design, and they are Open Sans (the body rule), IBM Plex
     Mono (17 data labels and eyebrows) and `inherit`. No heading sets
     a family, so headings are Open Sans like everything else.

     An earlier version of this theme gave headings Archivo, carried
     over from the v2 brand file. The Archivo woff2 files are not
     shipped: nothing referenced them and they cost 66 KB. */
  --v-font-body: 'Open Sans', system-ui, sans-serif;
  --v-font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Font size scale. */
  --v-fs-44: 44px;                /*    5 uses */
  --v-fs-30: 30px;                /*   43 uses */
  --v-fs-28: 28px;                /*    4 uses */
  --v-fs-26: 26px;                /*    8 uses */
  --v-fs-24: 24px;                /*    2 uses */
  --v-fs-22: 22px;                /*    1 uses */
  --v-fs-21: 21px;                /*    4 uses */
  --v-fs-20: 20px;                /*   11 uses */
  --v-fs-19: 19px;                /*   51 uses */
  --v-fs-18: 18px;                /*   11 uses */
  --v-fs-17: 17px;                /*   56 uses */
  --v-fs-16: 16px;                /*   62 uses */
  --v-fs-15_5: 15.5px;            /*    2 uses */
  --v-fs-15: 15px;                /*  101 uses */
  --v-fs-14_5: 14.5px;            /*  136 uses */
  --v-fs-14: 14px;                /*   66 uses */
  --v-fs-13_5: 13.5px;            /*   39 uses */
  --v-fs-13: 13px;                /*   56 uses */
  --v-fs-12_5: 12.5px;            /*   32 uses */
  --v-fs-12: 12px;                /*  115 uses */
  --v-fs-11_5: 11.5px;            /*   37 uses */
  --v-fs-11: 11px;                /*   68 uses */
  --v-fs-10_5: 10.5px;            /*   16 uses */
  --v-fs-10: 10px;                /*    1 uses */

  /* Line height. */
  --v-lh-1: 1;
  --v-lh-1_08: 1.08;
  --v-lh-1_1: 1.1;
  --v-lh-1_15: 1.15;
  --v-lh-1_2: 1.2;
  --v-lh-1_25: 1.25;
  --v-lh-1_3: 1.3;
  --v-lh-1_35: 1.35;
  --v-lh-1_4: 1.4;
  --v-lh-1_45: 1.45;
  --v-lh-1_5: 1.5;
  --v-lh-1_55: 1.55;
  --v-lh-1_6: 1.6;

  /* Letter spacing. */
  --v-ls-n0_02: -0.02em;
  --v-ls-n0_015: -0.015em;
  --v-ls-n0_01: -0.01em;
  --v-ls-0_06: 0.06em;
  --v-ls-0_1: 0.1em;
  --v-ls-0_12: 0.12em;
  --v-ls-0_14: 0.14em;

  /* Corner radius. */
  --v-r-999: 999px;               /*   12 uses */
  --v-r-14: 14px;                 /*    2 uses */
  --v-r-10: 10px;                 /*   25 uses */
  --v-r-8: 8px;                   /*    8 uses */
  --v-r-6: 6px;                   /*   92 uses */
  --v-r-5: 5px;                   /*   10 uses */
  --v-r-4: 4px;                   /*   76 uses */
  --v-r-3: 3px;                   /*   40 uses */
  --v-r-2: 2px;                   /*  133 uses */
  --v-r-1: 1px;                   /*   10 uses */

  /* Layout constants the design repeats verbatim. */
  --v-container: 1240px;
  --v-gutter: 24px;
}