/* Twinfig colours and gradients. */
:root {
  --fig: #2F6BFF; /* Twinfig blue */
  --navy: #00154B; /* Navy */
  --ink: #11141C; /* Ink */
  --paper: #FAFBFE; /* Paper */
  --fig-lens: #E2ECFF; /* Lens */
  --fig-ice: #8EB6FF; /* Ice */
  --fig-bright: #6EA1FF; /* Bright */
  --fig-indigo: #1B3BD6; /* Indigo */
  --fig-deep: #0B45C7; /* Deep */
  --fig-soft: #E7EEFF; /* Soft */
  --slate: #2C3972; /* Slate */
  --depth: #0B1333; /* Depth */
  --ink-2: #383F4D; /* Ink 2 */
  --muted: #717888; /* Muted */
  --border: #E1E5EE; /* Border */
  --hairline: #E9ECF2; /* Hairline */
  --canvas: #F3F5F9; /* Canvas */
  --white: #FFFFFF; /* White */
  --grad-twin: linear-gradient(135deg, #8EB6FF 0%, #3D78FF 42%, #1B3BD6 100%);
  --grad-lens: linear-gradient(135deg, #E2ECFF 0%, #8FB4FF 100%);
  --grad-slate: linear-gradient(135deg, #2C3972 0%, #0B1333 100%);
  --grad-frost: linear-gradient(135deg, #FFFFFF 0%, #D8E3FF 100%);
  --grad-deep: linear-gradient(135deg, #1A3BC4 0%, #0A1F78 100%);
  --grad-glow: linear-gradient(150deg, #8EB6FF 0%, #2F6BFF 45%, #1631B8 100%);
  --grad-night: linear-gradient(180deg, #00154B 0%, #0A2C9A 55%, #2F6BFF 82%, #9EC0FF 100%);
  --grad-sky: linear-gradient(180deg, #00154B 0%, #001852 19%, #001F63 35%, #012672 45%, #033596 58%, #0844B6 64.5%, #1760ED 71%, #377BFF 74%, #5E96FF 77.4%, #84AFFF 80.6%, #A4C4FF 83.9%, #CFE0FF 90.3%, #EFF5FF 96.8%, #FAFBFE 100%);
}